kylefang/react-navigation
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-navigation.git synced 2026-02-12 09:21:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

Clean up SafeAreaView in example

Browse Source
This commit is contained in:
Brent Vatne
2018-10-31 15:54:29 -07:00
parent a3175b1bd0
commit 82d0065037
1 changed files with 11 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
packages/react-navigation/examples/NavigationPlayground/js/App.js vendored
View File

@@ -247,7 +247,7 @@ class MainScreen extends React.Component<any, State> {
<View style={{ flex: 1 }}>
<NativeViewGestureHandler>
<Animated.ScrollView
style={{ flex: 1 }}
style={{ flex: 1, backgroundColor: '#eee' }}
scrollEventThrottle={1}
onScroll={Animated.event(
[
@@ -289,7 +289,8 @@ class MainScreen extends React.Component<any, State> {
</Animated.View>
<SafeAreaView
forceInset={{ bottom: 'always', horizontal: 'never' }}
forceInset={{ top: 'never', bottom: 'always' }}
style={{ backgroundColor: '#eee' }}
>
<View style={{ backgroundColor: '#fff' }}>
{Object.keys(ExampleRoutes).map((routeName: string) => (
@@ -311,19 +312,14 @@ class MainScreen extends React.Component<any, State> {
}
}}
>
<SafeAreaView
style={styles.itemContainer}
forceInset={{ vertical: 'never', bottom: 'never' }}
>
<View style={styles.item}>
<Text style={styles.title}>
{ExampleInfo[routeName].name}
</Text>
<Text style={styles.description}>
{ExampleInfo[routeName].description}
</Text>
</View>
</SafeAreaView>
<View style={styles.item}>
<Text style={styles.title}>
{ExampleInfo[routeName].name}
</Text>
<Text style={styles.description}>
{ExampleInfo[routeName].description}
</Text>
</View>
</RectButton>
))}
</View>
@@ -370,8 +366,6 @@ const styles = StyleSheet.create({
item: {
paddingHorizontal: 16,
paddingVertical: 12,
},
itemContainer: {
borderBottomWidth: StyleSheet.hairlineWidth,
borderBottomColor: '#ddd',
},