Skip to content

Instantly share code, notes, and snippets.

@Billmike

Billmike/App.tsx

Created May 23, 2020 19:00
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Billmike/c4b529fecffdba35729fd456e9585f40 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Billmike/c4b529fecffdba35729fd456e9585f40 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Billmike created this gist May 23, 2020.
    32 changes: 32 additions & 0 deletions App.tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,32 @@
    const App = () => {
    const { width, height } = Dimensions.get('window');
    return (
    <>
    <StatusBar barStyle="dark-content" />
    <SafeAreaView style={{ flex: 1 }}>
    <ScrollView
    style={{ flex: 1 }}
    horizontal={true}
    scrollEventThrottle={16}
    pagingEnabled={true}
    >
    <View style={{ width, height }}>
    <Text>Screen 1</Text>
    </View>
    <View style={{ width, height }}>
    <Text>Screen 2</Text>
    </View>
    <View style={{ width, height }}>
    <Text>Screen 3</Text>
    </View>
    <View style={{ width, height }}>
    <Text>Screen 4</Text>
    </View>
    <View style={{ width, height }}>
    <Text>Screen 5</Text>
    </View>
    </ScrollView>
    </SafeAreaView>
    </>
    );
    };