-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.tsx
65 lines (61 loc) · 2.07 KB
/
App.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
import "@tamagui/core/reset.css";
import { TamaguiProvider, View, createTamagui } from "@tamagui/core"; // or 'tamagui'
// import { Provider } from "react-redux";
// import { PersistGate } from "redux-persist/integration/react";
import { config } from "@tamagui/config/v3";
// import FlashScreen from "screens/FlashScreen";
import Counter from "screens/Counter";
import ChatScreen from "screens/ChatScreen";
import { NavigationContainer } from "@react-navigation/native";
// you usually export this from a tamagui.config.ts file
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import FlashScreen from "screens/FlashScreen";
import { SafeAreaView } from "react-native-safe-area-context";
import { StyleSheet } from "react-native";
import { ColorSchemeProvider } from "context/ColorSchemeContext";
const tamaguiConfig = createTamagui(config);
// make TypeScript type everything based on your config
type Conf = typeof tamaguiConfig;
declare module "@tamagui/core" {
// or 'tamagui'
interface TamaguiCustomConfig extends Conf {}
}
export default function app() {
const Stack = createNativeStackNavigator();
return (
<TamaguiProvider config={tamaguiConfig}>
<ColorSchemeProvider>
<SafeAreaView style={styles.container}>
<NavigationContainer>
{/* <FlashScreen /> */}
{/* <Counter /> */}
<Stack.Navigator>
<Stack.Screen
name="Home"
component={FlashScreen}
options={{ headerShown: false }}
/>
<Stack.Screen
name="Chat"
component={ChatScreen}
options={{ headerShown: false }}
/>
</Stack.Navigator>
{/* <ChatScreen /> */}
{/* <Provider>
<PersistGate>
<View>
</View>
</PersistGate>
</Provider> */}
</NavigationContainer>
</SafeAreaView>
</ColorSchemeProvider>
</TamaguiProvider>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
},
});