Files
lamp/app/_layout.tsx

42 lines
911 B
TypeScript

import {
DarkTheme,
DefaultTheme,
ThemeProvider,
} from "@react-navigation/native";
import { Stack } from "expo-router";
import { StatusBar } from "expo-status-bar";
import { useColorScheme } from "react-native";
import { AppBootstrapProvider } from "@/providers/app-bootstrap-provider";
const lightTheme = {
...DefaultTheme,
colors: {
...DefaultTheme.colors,
primary: "#00D48C",
},
};
const darkTheme = {
...DarkTheme,
colors: {
...DarkTheme.colors,
primary: "#00D48C",
},
};
export default function RootLayout() {
const colorScheme = useColorScheme();
return (
<AppBootstrapProvider>
<ThemeProvider value={colorScheme === "dark" ? darkTheme : lightTheme}>
<Stack>
<Stack.Screen name="(tabs)" options={{ headerShown: false }} />
</Stack>
<StatusBar style="auto" />
</ThemeProvider>
</AppBootstrapProvider>
);
}