diff options
Diffstat (limited to 'src/App.web.tsx')
-rw-r--r-- | src/App.web.tsx | 59 |
1 files changed, 2 insertions, 57 deletions
diff --git a/src/App.web.tsx b/src/App.web.tsx index 18b15821b..2fadf993f 100644 --- a/src/App.web.tsx +++ b/src/App.web.tsx @@ -1,52 +1,6 @@ import React, {useState, useEffect} from 'react' -import { - SafeAreaView, - ScrollView, - StatusBar, - Text, - Button, - useColorScheme, - View, -} from 'react-native' -import {NavigationContainer} from '@react-navigation/native' -import { - createNativeStackNavigator, - NativeStackScreenProps, -} from '@react-navigation/native-stack' import {RootStore, setupState, RootStoreProvider} from './state' - -type RootStackParamList = { - Home: undefined - Profile: {name: string} -} -const Stack = createNativeStackNavigator() - -const HomeScreen = ({ - navigation, -}: NativeStackScreenProps<RootStackParamList, 'Home'>) => { - const isDarkMode = useColorScheme() === 'dark' - - return ( - <SafeAreaView> - <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} /> - <ScrollView contentInsetAdjustmentBehavior="automatic"> - <View> - <Text>Web</Text> - <Button - title="Go to Jane's profile" - onPress={() => navigation.navigate('Profile', {name: 'Jane'})} - /> - </View> - </ScrollView> - </SafeAreaView> - ) -} - -const ProfileScreen = ({ - route, -}: NativeStackScreenProps<RootStackParamList, 'Profile'>) => { - return <Text>This is {route.params.name}'s profile</Text> -} +import * as Routes from './routes' function App() { const [rootStore, setRootStore] = useState<RootStore | undefined>(undefined) @@ -63,16 +17,7 @@ function App() { return ( <RootStoreProvider value={rootStore}> - <NavigationContainer> - <Stack.Navigator> - <Stack.Screen - name="Home" - component={HomeScreen} - options={{title: 'Welcome'}} - /> - <Stack.Screen name="Profile" component={ProfileScreen} /> - </Stack.Navigator> - </NavigationContainer> + <Routes.Root /> </RootStoreProvider> ) } |