diff --git a/releases/next/docs/image.html b/releases/next/docs/image.html index 274f6cc6ba2..9d3b550a5a9 100644 --- a/releases/next/docs/image.html +++ b/releases/next/docs/image.html @@ -405,37 +405,41 @@ exports.examples 'rendered within the frame.', render: function() { return ( - <View style={styles.horizontal}> - <View> - <Text style={[styles.resizeModeText]}> - Contain - </Text> - <Image - style={styles.resizeMode} - resizeMode={Image.resizeMode.contain} - source={fullImage} - /> - </View> - <View style={styles.leftMargin}> - <Text style={[styles.resizeModeText]}> - Cover - </Text> - <Image - style={styles.resizeMode} - resizeMode={Image.resizeMode.cover} - source={fullImage} - /> - </View> - <View style={styles.leftMargin}> - <Text style={[styles.resizeModeText]}> - Stretch - </Text> - <Image - style={styles.resizeMode} - resizeMode={Image.resizeMode.stretch} - source={fullImage} - /> - </View> + <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} + /> + </View> + <View style={styles.leftMargin}> + <Text style={[styles.resizeModeText]}> + Cover + </Text> + <Image + style={styles.resizeMode} + resizeMode={Image.resizeMode.cover} + source={image} + /> + </View> + <View style={styles.leftMargin}> + <Text style={[styles.resizeModeText]}> + Stretch + </Text> + <Image + style={styles.resizeMode} + resizeMode={Image.resizeMode.stretch} + source={image} + /> + </View> + </View>; + })} </View> ); }, diff --git a/releases/next/versions.html b/releases/next/versions.html index fec9a2d75ad..51fe1dfe695 100644 --- a/releases/next/versions.html +++ b/releases/next/versions.html @@ -1,4 +1,4 @@ -