diff --git a/docs/flexbox.html b/docs/flexbox.html
index 28ffcf546e6..833e918a074 100644
--- a/docs/flexbox.html
+++ b/docs/flexbox.html
@@ -14,7 +14,7 @@ class FlexDirectionBasics extends }
};
-AppRegistry.registerComponent('AwesomeProject', () => FlexDirectionBasics);Justify Content #
Adding justifyContent to a component's style determines the distribution of children along the primary axis. Should children be distributed at the start, the center, the end, or spaced evenly? Available options are flex-start, center, flex-end, space-around, and space-between.
import React, { Component } from 'react';
+AppRegistry.registerComponent('AwesomeProject', () => FlexDirectionBasics);
Justify Content #
Adding justifyContent to a component's style determines the distribution of children along the primary axis. Should children be distributed at the start, the center, the end, or spaced evenly? Available options are flex-start, center, flex-end, space-around, and space-between.
import React, { Component } from 'react';
import { AppRegistry, View } from 'react-native';
class JustifyContentBasics extends Component {
@@ -35,7 +35,7 @@ class JustifyContentBasics extends }
};
-AppRegistry.registerComponent('AwesomeProject', () => JustifyContentBasics);
Align Items #
Adding alignItems to a component's style determines the alignment of children along the secondary axis (if the primary axis is row, then the secondary is column, and vice versa). Should children be aligned at the start, the center, the end, or stretched to fill? Available options are flex-start, center, flex-end, and stretch.
For stretch to have an effect, children must not have a fixed dimension along the secondary axis. In the following example, setting alignItems: stretch does nothing until the width: 50 is removed from the children.
import React, { Component } from 'react';
+AppRegistry.registerComponent('AwesomeProject', () => JustifyContentBasics);
Align Items #
Adding alignItems to a component's style determines the alignment of children along the secondary axis (if the primary axis is row, then the secondary is column, and vice versa). Should children be aligned at the start, the center, the end, or stretched to fill? Available options are flex-start, center, flex-end, and stretch.
For stretch to have an effect, children must not have a fixed dimension along the secondary axis. In the following example, setting alignItems: stretch does nothing until the width: 50 is removed from the children.
import React, { Component } from 'react';
import { AppRegistry, View } from 'react-native';
class AlignItemsBasics extends Component {
@@ -58,7 +58,7 @@ class AlignItemsBasics extends }
};
-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.
We're getting close to being able to build a real application. One thing we are still missing is a way to take user input, so let's move on to learn how to handle text input with the TextInput component.
You can edit the content above on GitHub and send us a pull request!
Recently, we have been working hard to make the documentation better based on your feedback. Your responses to this yes/no style survey will help us gauge whether we moved in the right direction with the improvements. Thank you!
Take Survey 
React Native
