Image in Tile overflows the width
aureliome opened this issue · 0 comments
aureliome commented
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>
As you can see, the image overflows the Tile component in right side.
I haven't found a solution yet for this.
Thanks
Aurelio