diff --git a/releases/next/docs/image.html b/releases/next/docs/image.html index 27ee7630b6c..a83aee22e53 100644 --- a/releases/next/docs/image.html +++ b/releases/next/docs/image.html @@ -407,38 +407,54 @@ exports.examples return ( <View> {[smallImage, fullImage].map((image, index) => { - return <View style={styles.horizontal} key={index}> - <View> - <Text style={[styles.resizeModeText]}> - Contain - </Text> - <Image - style={styles.resizeMode} - resizeMode={Image.resizeMode.contain} - source={image} - /> + return ( + <View key={index}> + <View style={styles.horizontal}> + <View> + <Text style={[styles.resizeModeText]}> + Contain + </Text> + <Image + style={styles.resizeMode} + resizeMode={Image.resizeMode.contain} + source={image} + /> + </View> + <View style={styles.leftMargin}> + <Text style={[styles.resizeModeText]}> + Cover + </Text> + <Image + style={styles.resizeMode} + resizeMode={Image.resizeMode.cover} + source={image} + /> + </View> </View> - <View style={styles.leftMargin}> - <Text style={[styles.resizeModeText]}> - Cover - </Text> - <Image - style={styles.resizeMode} - resizeMode={Image.resizeMode.cover} - source={image} - /> + <View style={styles.horizontal}> + <View> + <Text style={[styles.resizeModeText]}> + Stretch + </Text> + <Image + style={styles.resizeMode} + resizeMode={Image.resizeMode.stretch} + source={image} + /> + </View> + <View style={styles.leftMargin}> + <Text style={[styles.resizeModeText]}> + Center + </Text> + <Image + style={styles.resizeMode} + resizeMode={Image.resizeMode.center} + source={image} + /> + </View> </View> - <View style={styles.leftMargin}> - <Text style={[styles.resizeModeText]}> - Stretch - </Text> - <Image - style={styles.resizeMode} - resizeMode={Image.resizeMode.stretch} - source={image} - /> </View> - </View>; + ); })} </View> ); @@ -483,7 +499,7 @@ exports.examples { title: 'Image Size', render: function() { - return <ImageSizeExample source={fullImage} />; + return <ImageSizeExample source={fullImage} />; }, platform: 'ios', },