diff options
author | Husam Salhab <47015061+hsalhab@users.noreply.github.com> | 2020-06-26 12:53:50 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-06-26 12:53:50 -0400 |
commit | cdbf153a09e20b3483926bf2cd80d600105fbeae (patch) | |
tree | 48cc1d99384455af3e8a4c688ca42666c47e1a8f /App.tsx | |
parent | 36a6781faad4380e7c401f32506707c0e48a15f5 (diff) | |
parent | 69bc5a72f72e847f42d8486ad29161f1e21239d3 (diff) |
Merge pull request #7 from leonyjiang/tma58-react-navigation-setup
[TMA-58] Cleanup file structure & add react-navigation
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; |