aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/examples/with-react-native-web/apps/native/App.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'examples/with-react-native-web/apps/native/App.tsx')
-rw-r--r--examples/with-react-native-web/apps/native/App.tsx33
1 files changed, 33 insertions, 0 deletions
diff --git a/examples/with-react-native-web/apps/native/App.tsx b/examples/with-react-native-web/apps/native/App.tsx
new file mode 100644
index 0000000..e6fbd5b
--- /dev/null
+++ b/examples/with-react-native-web/apps/native/App.tsx
@@ -0,0 +1,33 @@
+import { StyleSheet, Text, View } from "react-native";
+import { StatusBar } from "expo-status-bar";
+import { Button } from "ui";
+
+export default function Native() {
+ return (
+ <View style={styles.container}>
+ <Text style={styles.header}>Native</Text>
+ <Button
+ onClick={() => {
+ console.log("Pressed!");
+ alert("Pressed!");
+ }}
+ text="Boop"
+ />
+ <StatusBar style="auto" />
+ </View>
+ );
+}
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ backgroundColor: "#fff",
+ alignItems: "center",
+ justifyContent: "center",
+ },
+ header: {
+ fontWeight: "bold",
+ marginBottom: 20,
+ fontSize: 36,
+ },
+});