diff options
| author | MohamedBassem <me@mbassem.com> | 2024-12-16 00:26:12 +0000 |
|---|---|---|
| committer | MohamedBassem <me@mbassem.com> | 2024-12-16 11:45:08 +0000 |
| commit | f4b2bac6b0749e5924f9e9e789cc361a17427364 (patch) | |
| tree | d60e90f6788598f95e233cdc4947fa79b931f998 /apps/mobile/app/_layout.tsx | |
| parent | 705d539c8e9c6a86882825ee4dabeff3027ba827 (diff) | |
| download | karakeep-f4b2bac6b0749e5924f9e9e789cc361a17427364.tar.zst | |
ui(mobile): Make page titles more native
Diffstat (limited to 'apps/mobile/app/_layout.tsx')
| -rw-r--r-- | apps/mobile/app/_layout.tsx | 59 |
1 files changed, 27 insertions, 32 deletions
diff --git a/apps/mobile/app/_layout.tsx b/apps/mobile/app/_layout.tsx index 3a8f99a1..b2688388 100644 --- a/apps/mobile/app/_layout.tsx +++ b/apps/mobile/app/_layout.tsx @@ -2,7 +2,6 @@ import "@/globals.css"; import "expo-dev-client"; import { useEffect } from "react"; -import { View } from "react-native"; import { GestureHandlerRootView } from "react-native-gesture-handler"; import { useRouter } from "expo-router"; import { Stack } from "expo-router/stack"; @@ -36,42 +35,38 @@ export default function RootLayout() { <GestureHandlerRootView style={{ flex: 1 }}> <ShareIntentProvider> <Providers> - <View - className={cn( + <StyledStack + contentClassName={cn( "w-full flex-1 bg-gray-100 text-foreground dark:bg-background", colorScheme == "dark" ? "dark" : "light", )} + screenOptions={{ + headerTitle: "", + headerTransparent: true, + }} > - <StyledStack - contentClassName="bg-gray-100 dark:bg-background" - screenOptions={{ - headerShown: false, - headerTransparent: true, + <Stack.Screen name="index" /> + <Stack.Screen + name="signin" + options={{ + headerShown: true, + headerBackVisible: true, + headerBackTitle: "Back", + title: "", }} - > - <Stack.Screen name="index" /> - <Stack.Screen - name="signin" - options={{ - headerShown: true, - headerBackVisible: true, - headerBackTitle: "Back", - title: "", - }} - /> - <Stack.Screen name="server-address" /> - <Stack.Screen name="sharing" /> - <Stack.Screen - name="test-connection" - options={{ - title: "Test Connection", - headerShown: true, - presentation: "modal", - }} - /> - </StyledStack> - <StatusBar style="auto" /> - </View> + /> + <Stack.Screen name="server-address" /> + <Stack.Screen name="sharing" /> + <Stack.Screen + name="test-connection" + options={{ + title: "Test Connection", + headerShown: true, + presentation: "modal", + }} + /> + </StyledStack> + <StatusBar style="auto" /> </Providers> </ShareIntentProvider> </GestureHandlerRootView> |