bartronx7/aretherecookies-mobile
1
0
Fork 0
mirror of https://gitlab.com/wheres-the-tp/ui-mobile.git synced 2026-01-25 06:14:55 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions

avoid stretching images, instead zoom to center of image

Browse source
This commit is contained in:
Bart Akeley 2018-09-29 11:22:03 -05:00
parent 596d22c67a
commit f84dd8fdc2
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
js/pages/FoodItemDetail.js
View file

@ -50,14 +50,21 @@ const FoodItemImages = ({
return (
<View style={{ flex: 3 }}>
{visibleImages.size === 1 && (
<Image style={stretchedStyle} source={{ uri: visibleImages.first().get('url', '') }} />
<View style={stretchedStyle}>
<Image
style={{ flex: 1, resizeMode: 'cover' }}
resizeMethod="resize"
source={{ uri: visibleImages.first().get('url', '') }}
/>
</View>
)}
{visibleImages.size > 1 && (
<Carousel autoplay={false} onAnimateNextPage={changeCurrentImage} style={stretchedStyle}>
{visibleImages.map(image => (
<Image
key={image.get('url', '')}
style={{ flex: 1, resizeMode: 'stretch' }}
style={{ flex: 1, resizeMode: 'cover' }}
resizeMethod="resize"
source={{ uri: image.get('url', '') }}
/>
))}