diff --git a/docs/next/flexbox.html b/docs/next/flexbox.html index d409e403cb6..86bb4246cf8 100644 --- a/docs/next/flexbox.html +++ b/docs/next/flexbox.html @@ -76,11 +76,11 @@ AppRegistry.registerComponent('AwesomeProject', () => JustifyContentBasics); flex: 1, flexDirection: 'column', justifyContent: 'center', - alignItems: 'stretch', + alignItems: 'center', }}> <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} /> - <View style={{height: 50, backgroundColor: 'skyblue'}} /> - <View style={{height: 100, backgroundColor: 'steelblue'}} /> + <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}} /> + <View style={{width: 50, height: 50, backgroundColor: 'steelblue'}} /> </View> ); } @@ -88,7 +88,7 @@ AppRegistry.registerComponent('AwesomeProject', () => JustifyContentBasics); // skip this line if using Create React Native App AppRegistry.registerComponent('AwesomeProject', () => AlignItemsBasics); - +

Going Deeper

We've covered the basics, but there are many other styles you may need for layouts. The full list of props that control layout is documented here.