diff options
| author | 2023-04-28 01:47:57 +0800 | |
|---|---|---|
| committer | 2023-04-28 01:47:57 +0800 | |
| commit | 8b2c4a38a461ff5ecc95972291bc711e2c5dec9a (patch) | |
| tree | 29f552e3df949073e21bf5c76d7abc3044830ec6 /examples/with-react-native-web/apps/native/App.tsx | |
| parent | fc8c5fdce62fb229202659408798a7b6c98f6e8b (diff) | |
| download | HydroRoll-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.tsx | 33 |
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, + }, +}); |
