From e3d55e6f8832cbdbcdb1cf068e7268a993782d96 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Sat, 24 Sep 2016 01:23:13 +0000 Subject: [PATCH] Updated docs for 0.33 --- releases/0.33/docs/flexbox.html | 6 +++--- releases/0.33/docs/handling-text-input.html | 2 +- releases/0.33/docs/height-and-width.html | 4 ++-- releases/0.33/docs/image.html | 4 ++-- releases/0.33/docs/props.html | 4 ++-- releases/0.33/docs/state.html | 2 +- releases/0.33/docs/style.html | 2 +- releases/0.33/docs/text.html | 6 +++--- releases/0.33/docs/textinput.html | 4 ++-- releases/0.33/docs/tutorial.html | 2 +- releases/0.33/docs/using-a-listview.html | 2 +- releases/0.33/docs/using-a-scrollview.html | 2 +- releases/0.33/versions.html | 2 +- versions.html | 4 ++-- 14 files changed, 23 insertions(+), 23 deletions(-) diff --git a/releases/0.33/docs/flexbox.html b/releases/0.33/docs/flexbox.html index ae9fd886baf..9053fd2cfe7 100644 --- a/releases/0.33/docs/flexbox.html +++ b/releases/0.33/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.

← PrevNext →

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 Native0.33

React Native Versions

React Native is following a 2-week train release. Every two weeks, a Release Candidate (rc) branch is created off of master and the previous rc branch is being officially released.

masterDocs
0.34-rcDocsRelease Notes
(current) 0.33DocsRelease Notes
0.32DocsRelease Notes
0.31DocsRelease Notes
0.30DocsRelease Notes
0.29DocsRelease Notes
0.28DocsRelease Notes
0.27DocsRelease Notes
0.26DocsRelease Notes
0.25DocsRelease Notes
0.24DocsRelease Notes
0.23DocsRelease Notes
0.22DocsRelease Notes
0.21DocsRelease Notes
0.20DocsRelease Notes
0.19DocsRelease Notes
0.18DocsRelease Notes
© 2016 Facebook Inc.
React Native0.33

React Native Versions

React Native is following a 2-week train release. Every two weeks, a Release Candidate (rc) branch is created off of master and the previous rc branch is being officially released.

masterDocs
0.35-rcDocsRelease Notes
(current) 0.34DocsRelease Notes
0.33DocsRelease Notes
0.32DocsRelease Notes
0.31DocsRelease Notes
0.30DocsRelease Notes
0.29DocsRelease Notes
0.28DocsRelease Notes
0.27DocsRelease Notes
0.26DocsRelease Notes
0.25DocsRelease Notes
0.24DocsRelease Notes
0.23DocsRelease Notes
0.22DocsRelease Notes
0.21DocsRelease Notes
0.20DocsRelease Notes
0.19DocsRelease Notes
0.18DocsRelease Notes
© 2016 Facebook Inc.
React Native0.34

React Native Versions

React Native is following a 2-week train release. Every two weeks, a Release Candidate (rc) branch is created off of master and the previous rc branch is being officially released.

masterDocs
0.35-rcDocsRelease Notes
(current) 0.34DocsRelease Notes
0.33DocsRelease Notes
0.32DocsRelease Notes
0.31DocsRelease Notes
0.30DocsRelease Notes
0.29DocsRelease Notes
0.28DocsRelease Notes
0.27DocsRelease Notes
0.26DocsRelease Notes
0.25DocsRelease Notes
0.24DocsRelease Notes
0.23DocsRelease Notes
0.22DocsRelease Notes
0.21DocsRelease Notes
0.20DocsRelease Notes
0.19DocsRelease Notes
0.18DocsRelease Notes
© 2016 Facebook Inc.
React Native0.33

React Native Versions

React Native is following a 2-week train release. Every two weeks, a Release Candidate (rc) branch is created off of master and the previous rc branch is being officially released.

masterDocs
0.35-rcDocsRelease Notes
(current) 0.34DocsRelease Notes
0.33DocsRelease Notes
0.32DocsRelease Notes
0.31DocsRelease Notes
0.30DocsRelease Notes
0.29DocsRelease Notes
0.28DocsRelease Notes
0.27DocsRelease Notes
0.26DocsRelease Notes
0.25DocsRelease Notes
0.24DocsRelease Notes
0.23DocsRelease Notes
0.22DocsRelease Notes
0.21DocsRelease Notes
0.20DocsRelease Notes
0.19DocsRelease Notes
0.18DocsRelease Notes
© 2016 Facebook Inc.
\ No newline at end of file