feat: 更新 AppNavigator 以自定义导航样式,添加深色主题支持

This commit is contained in:
xudan 2025-07-23 14:31:08 +08:00
parent de9d2ad3df
commit ce11581196

View File

@ -13,7 +13,17 @@ const Tab = createBottomTabNavigator();
function HomeStackNavigator() { function HomeStackNavigator() {
return ( return (
<HomeStack.Navigator> <HomeStack.Navigator
screenOptions={{
headerStyle: {
backgroundColor: '#1a1a1a',
},
headerTintColor: '#ffffff',
headerTitleStyle: {
fontWeight: 'bold',
},
}}
>
<HomeStack.Screen <HomeStack.Screen
name="TaskList" name="TaskList"
component={TaskListScreen} component={TaskListScreen}
@ -32,6 +42,10 @@ export default function AppNavigator() {
return ( return (
<Tab.Navigator <Tab.Navigator
screenOptions={({ route }) => ({ screenOptions={({ route }) => ({
tabBarStyle: {
backgroundColor: '#1a1a1a',
borderTopColor: '#333',
},
tabBarIcon: ({ color, size }) => { tabBarIcon: ({ color, size }) => {
let iconName: string; let iconName: string;
@ -51,6 +65,7 @@ export default function AppNavigator() {
}, },
tabBarActiveTintColor: '#2196F3', tabBarActiveTintColor: '#2196F3',
tabBarInactiveTintColor: 'gray', tabBarInactiveTintColor: 'gray',
headerShown: false,
})} })}
> >
<Tab.Screen <Tab.Screen