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.
You can edit the content above on GitHub and send us a pull request!