Initial commit

plugins/reactnavigation/plugin.json

@@ -0,0 +1,12 @@
+{
+    "dependencies": {
+        "@react-navigation/native": "latest",
+        "@react-navigation/stack": "latest"
+    },
+    "expoDependencies": [
+        "react-native-screens",
+        "react-native-safe-area-context",
+        "react-native-gesture-handler",
+        "@react-native-masked-view/masked-view"
+    ]
+}

plugins/reactnavigation/src/App.tsx

@@ -0,0 +1,9 @@
+import RootNavigator from './navigation/RootNavigator';
+
+function App() {
+    return <RootNavigator />;
+}
+
+export default function Wrapper() {
+    return <App />;
+}

plugins/reactnavigation/src/navigation/RootNavigator.tsx

@@ -0,0 +1,16 @@
+import { createStackNavigator } from '@react-navigation/stack';
+import DefaultScreen from '../screens/DefaultScreen';
+
+const Stack = createStackNavigator<RootParamList>();
+
+export default function RootNavigator() {
+    return (
+        <Stack.Navigator initialRouteName="default">
+            <Stack.Screen name="default" component={DefaultScreen} />
+        </Stack.Navigator>
+    );
+}
+
+export type RootParamList = {
+    default: undefined;
+};

plugins/reactnavigation/src/screens/DefaultScreen.tsx

@@ -0,0 +1,20 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+
+export default function DefaultScreen() {
+    return (
+        <View style={styles.container}>
+            <Text>Open up /src/screens/DefaultScreen.tsx to start working on your app!</Text>
+            <StatusBar style="auto" />
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});