diff options
author | Leon Jiang <35908040+leonyjiang@users.noreply.github.com> | 2020-06-25 16:28:00 -0700 |
---|---|---|
committer | Leon Jiang <35908040+leonyjiang@users.noreply.github.com> | 2020-06-25 16:28:00 -0700 |
commit | bc8184b1a402af0c3e54edb79b38ed8e09a6798d (patch) | |
tree | 2ac23485a81086ab4e5df2989e2002c7e67cd56a /App.tsx | |
parent | 36a6781faad4380e7c401f32506707c0e48a15f5 (diff) |
cleanup file structure, add react-navigation & basic routes
Diffstat (limited to 'App.tsx')
-rw-r--r-- | App.tsx | 118 |
1 files changed, 0 insertions, 118 deletions
diff --git a/App.tsx b/App.tsx deleted file mode 100644 index 6106df43..00000000 --- a/App.tsx +++ /dev/null @@ -1,118 +0,0 @@ -/** - * Sample React Native App - * https://github.com/facebook/react-native - * - * Generated with the TypeScript template - * https://github.com/react-native-community/react-native-template-typescript - * - * @format - */ - -import React from 'react'; -import { - SafeAreaView, - StyleSheet, - ScrollView, - View, - Text, - StatusBar, -} from 'react-native'; - -import { - Header, - LearnMoreLinks, - Colors, - DebugInstructions, - ReloadInstructions, -} from 'react-native/Libraries/NewAppScreen'; - -declare const global: {HermesInternal: null | {}}; - -const App = () => { - return ( - <> - <StatusBar barStyle="dark-content" /> - <SafeAreaView> - <ScrollView - contentInsetAdjustmentBehavior="automatic" - style={styles.scrollView}> - <Header /> - {global.HermesInternal == null ? null : ( - <View style={styles.engine}> - <Text style={styles.footer}>Engine: Hermes</Text> - </View> - )} - <View style={styles.body}> - <View style={styles.sectionContainer}> - <Text style={styles.sectionTitle}>Step One</Text> - <Text style={styles.sectionDescription}> - Edit <Text style={styles.highlight}>App.tsx</Text> in order to change - this screen and then come back to see your edits. - </Text> - </View> - <View style={styles.sectionContainer}> - <Text style={styles.sectionTitle}>See Your Changes</Text> - <Text style={styles.sectionDescription}> - <ReloadInstructions /> - </Text> - </View> - <View style={styles.sectionContainer}> - <Text style={styles.sectionTitle}>Debug</Text> - <Text style={styles.sectionDescription}> - <DebugInstructions /> - </Text> - </View> - <View style={styles.sectionContainer}> - <Text style={styles.sectionTitle}>Learn More</Text> - <Text style={styles.sectionDescription}> - Read the docs to discover what to do next: - </Text> - </View> - <LearnMoreLinks /> - </View> - </ScrollView> - </SafeAreaView> - </> - ); -}; - -const styles = StyleSheet.create({ - scrollView: { - backgroundColor: Colors.lighter, - }, - engine: { - position: 'absolute', - right: 0, - }, - body: { - backgroundColor: Colors.white, - }, - sectionContainer: { - marginTop: 32, - paddingHorizontal: 24, - }, - sectionTitle: { - fontSize: 24, - fontWeight: '600', - color: Colors.black, - }, - sectionDescription: { - marginTop: 8, - fontSize: 18, - fontWeight: '400', - color: Colors.dark, - }, - highlight: { - fontWeight: '700', - }, - footer: { - color: Colors.dark, - fontSize: 12, - fontWeight: '600', - padding: 4, - paddingRight: 12, - textAlign: 'right', - }, -}); - -export default App; |