From bec33a6cd22d7c6fe4d3e331fbcaa481d1853bf0 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Sun, 9 Oct 2016 23:54:49 +0000 Subject: [PATCH] Updated docs for next --- releases/next/css/react-native.css | 31 +++++++++++++++++++++++- releases/next/docs/using-a-listview.html | 4 +-- releases/next/index.html | 2 +- showcase.html | 2 +- 4 files changed, 34 insertions(+), 5 deletions(-) diff --git a/releases/next/css/react-native.css b/releases/next/css/react-native.css index afd0032edbd..4fdc9138d24 100644 --- a/releases/next/css/react-native.css +++ b/releases/next/css/react-native.css @@ -1338,6 +1338,30 @@ div[data-twttr-id] iframe { display: none; } + +/** Showcase **/ + +.home-showcase-section { + max-width: 800px; + margin: 20px auto 40px auto; + text-align: center; +} + +.home-showcase-section p { + max-width: 540px; + margin: 0 auto; +} + +.footnote { + font-size: 12px; + color: rgba(0, 0, 0, 0.4); +} + +.home-showcase-section .showcase img { + width: 110px; + border-radius: 20px; +} + .showcaseHeader { padding-bottom: 15px; padding-top: 15px; @@ -1345,7 +1369,7 @@ div[data-twttr-id] iframe { } .showcase { - margin: 30px auto 10px auto; + margin: 30px auto 30px auto; width: 100%; display: inline-block; text-align: center; @@ -1393,6 +1417,11 @@ div[data-twttr-id] iframe { border-radius: 20px; } +.pinned img { + width: 150px; + border-radius: 20px; +} + table.versions { width: 60%; } diff --git a/releases/next/docs/using-a-listview.html b/releases/next/docs/using-a-listview.html index 98cd8ea219d..90f3e462832 100644 --- a/releases/next/docs/using-a-listview.html +++ b/releases/next/docs/using-a-listview.html @@ -14,7 +14,7 @@ class ListViewBasics extends } render() { return ( - <View style={{paddingTop: 22}}> + <View style={{flex: 1, paddingTop: 22}}> <ListView dataSource={this.state.dataSource} renderRow={(rowData) => <Text>{rowData}</Text>} @@ -25,7 +25,7 @@ class ListViewBasics extends } // App registration and rendering -AppRegistry.registerComponent('ListViewBasics', () => ListViewBasics);

One of the most common uses for a ListView is displaying data that you fetch from a server. To do that, you will need to learn about networking in React Native.

← PrevNext →

You can edit the content above on GitHub and send us a pull request!

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.

React Nativenext

Who's using React Native?

Thousands of apps are using React Native, 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!

Instagram

Instagram

iOS · Android

Vogue

Vogue

iOS

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

Some of these are hybrid native/React Native apps.

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.