feat: 更新 AppNavigator 以自定义导航样式,添加深色主题支持
This commit is contained in:
parent
de9d2ad3df
commit
ce11581196
@ -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
|
||||||
|
Loading…
x
Reference in New Issue
Block a user