aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/examples/with-react-native-web/apps/native/App.tsx
diff options
context:
space:
mode:
author简律纯 <hsiangnianian@outlook.com>2023-04-28 01:47:57 +0800
committer简律纯 <hsiangnianian@outlook.com>2023-04-28 01:47:57 +0800
commit8b2c4a38a461ff5ecc95972291bc711e2c5dec9a (patch)
tree29f552e3df949073e21bf5c76d7abc3044830ec6 /examples/with-react-native-web/apps/native/App.tsx
parentfc8c5fdce62fb229202659408798a7b6c98f6e8b (diff)
downloadHydroRoll-8b2c4a38a461ff5ecc95972291bc711e2c5dec9a.tar.gz
HydroRoll-8b2c4a38a461ff5ecc95972291bc711e2c5dec9a.zip
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,
+ },
+});