From ffb0cc645f0be2fc7eb1b2a001039d4b9d17332e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?H=C3=A9ctor=20Ramos?= Date: Fri, 23 Sep 2016 17:08:27 -0700 Subject: [PATCH] Updated docs for 0.34 --- docs/flexbox.html | 6 +++--- docs/handling-text-input.html | 2 +- docs/height-and-width.html | 4 ++-- docs/image.html | 4 ++-- docs/props.html | 4 ++-- docs/state.html | 2 +- docs/style.html | 2 +- docs/text.html | 6 +++--- docs/textinput.html | 4 ++-- docs/tutorial.html | 2 +- docs/using-a-listview.html | 2 +- docs/using-a-scrollview.html | 2 +- releases/0.34/docs/flexbox.html | 6 +++--- releases/0.34/docs/handling-text-input.html | 2 +- releases/0.34/docs/height-and-width.html | 4 ++-- releases/0.34/docs/image.html | 4 ++-- releases/0.34/docs/props.html | 4 ++-- releases/0.34/docs/state.html | 2 +- releases/0.34/docs/style.html | 2 +- releases/0.34/docs/text.html | 6 +++--- releases/0.34/docs/textinput.html | 4 ++-- releases/0.34/docs/tutorial.html | 2 +- releases/0.34/docs/using-a-listview.html | 2 +- releases/0.34/docs/using-a-scrollview.html | 2 +- releases/0.34/versions.html | 2 +- showcase.html | 4 ++-- support.html | 4 ++-- versions.html | 4 ++-- 28 files changed, 47 insertions(+), 47 deletions(-) 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.

← 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.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
(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 Nativenext

The React Native Showcase

Thousands of apps are using React Native in production, from established Fortune 500 companies to hot new startups. If you're curious to see what can be accomplished with React Native, check out these apps!

Artsy – Collect and Bid on Fine Art & Design

Artsy – Collect and Bid on Fine Art & Design

iOS

React Native at Artsy

Start - medication manager for depression

Start - medication manager for depression

iOS

NYT: A Health Startup Turns to Consumers

Taxfyle - taxes filed on-demand via licensed CPA

Taxfyle - taxes filed on-demand via licensed CPA

iOS

Taxfyle: the Uber for filing taxes

If you built a popular application using React Native, we'd love to have your app on this showcase. Check out the guidelines on GitHub to update this page.

© 2016 Facebook Inc.
React Native0.34

The React Native Showcase

Thousands of apps are using React Native in production, from established Fortune 500 companies to hot new startups. If you're curious to see what can be accomplished with React Native, check out these apps!

Artsy – Collect and Bid on Fine Art & Design

Artsy – Collect and Bid on Fine Art & Design

iOS

React Native at Artsy

Start - medication manager for depression

Start - medication manager for depression

iOS

NYT: A Health Startup Turns to Consumers

Taxfyle - taxes filed on-demand via licensed CPA

Taxfyle - taxes filed on-demand via licensed CPA

iOS

Taxfyle: the Uber for filing taxes

If you built a popular application using React Native, we'd love to have your app on this showcase. Check out the guidelines on GitHub to update this page.

© 2016 Facebook Inc.
\ No newline at end of file diff --git a/support.html b/support.html index b862a81b2bd..47725a7587a 100644 --- a/support.html +++ b/support.html @@ -1,4 +1,4 @@ -Help
React Nativenext

Need help?

At Facebook, there are dozens of engineers who work on React Native full-time. But there are far more people in the community who make key contributions and fix things. So if you need help with your React Native app, the right place to go depends on the type of help that you need.

Browse the docs

Find what you're looking for in our detailed documentation and guides.

Explore samples

Take apart these fully built applications, and get some inspiration for your own.

Stay up to date

Find out what's happening in the world of React Native.

Join the community

Connect with other React Native developers. Show off your project, or ask how other people solved similar problems.

  • Frequently Asked Questions

    Many React Native users are active on Stack Overflow. Browse existing questions, or ask your own technical question.

  • React Native Community

    If you have an open-ended question or you just want to get a general sense of what React Native folks talk about, check out the React Native Community Facebook group. It has thousands of developers and almost all posts get a response.

  • Reactiflux Chat

    If you need an answer right away, check out the #react-native channel. There are usually a number of React Native experts there who can help out or point you to somewhere you might want to look.

Contribute

React Native is open source! Issues and pull requests are welcome.

  • Get Involved

    If you want to contribute, take a look at the list of good first tasks on GitHub.

  • Feature Requests

    If you have a feature request, add it to the list or upvote a similar one. The voting system helps surface which issues are most important to the community.

  • Report a Bug

    If you have discovered a bug in React Native, consider submitting a pull request with a fix. If you don't think you can fix it yourself, you can open an issue on GitHub.

© 2016 Facebook Inc.
React Native0.34

Need help?

At Facebook, there are dozens of engineers who work on React Native full-time. But there are far more people in the community who make key contributions and fix things. So if you need help with your React Native app, the right place to go depends on the type of help that you need.

Technical Questions #

If you're wondering how to solve a specific technical problem in React Native, the best place to ask is on Stack Overflow. You can check existing questions tagged with react-native, ask your own, or just Google it and click on the Stack Overflow answer that will inevitably come up.

Random Questions #

If you have an open-ended question or you just want to get a general sense of what React Native folks talk about, check out the React Native Community Facebook group. It has thousands of developers and almost all posts get a response.

Urgent Questions #

If you need an answer right away, check out #react-native on the Reactiflux chat. There are usually a number of React Native experts there who can help out or point you to somewhere you might want to look.

Feature Requests #

React Native uses Product Pains for feature requests. It has a voting system to surface which issues are most important to the community. So if you have a feature request, add it or upvote a similar one.

Bug Reports #

If you have discovered a bug in React Native, keep in mind that it's an open source project. Take a look at the code on GitHub, and see if it's something you could fix yourself. If you don't think you can fix it yourself, you can file it as a GitHub issue. Be sure to providing a crisp description and reproduction of the bug, to improve the chance that someone will be able to help you out.

© 2016 Facebook Inc.
\ No newline at end of file diff --git a/versions.html b/versions.html index b3c21c9e553..94711931f39 100644 --- a/versions.html +++ b/versions.html @@ -1,4 +1,4 @@ -Documentation archive
React Nativenext

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.
\ No newline at end of file