aboutsummaryrefslogtreecommitdiff
path: root/App.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'App.tsx')
-rw-r--r--App.tsx118
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;