shoutem/ui

Image in Tile overflows the width

aureliome opened this issue · 0 comments

Hi all and congrats for Shoutem UI: it's a very good tool.

I've been using this for a few days and I have strage behaviour with an Image inside a Tile, if Tile has left/right margins.

This is my code:

// HomeScreen.js
<Screen>
    <ScrollView>
        <Item id='1234'>
    </ScrollView>
</Screen>
// Item component
<TouchableOpacity>
    <Tile style={{ marginLeft: 15, marginRight: 15 }}>
        <Image styleName='large-banner' source={{ uri: imageURI }}></Image>
        <View styledName='content'>
            <Text>
                {endDate}
            </Text>
            // ...
        </View>
    </Tile>
<TouchableOpacity>

This is the result:
Schermata 2019-03-18 alle 17 30 43

As you can see, the image overflows the Tile component in right side.

I haven't found a solution yet for this.

Thanks
Aurelio