Joe*_*ugh 8 reactjs react-native react-navigation react-navigation-drawer react-navigation-v5
我正在像这样设置导航容器的主题
import {
NavigationContainer,
DefaultTheme,
DarkTheme,
} from "@react-navigation/native";
export default function Navigation() {
const colorScheme = useColorScheme();
return (
<NavigationContainer
linking={LinkingConfiguration}
theme={colorScheme === "dark" ? DarkTheme : DefaultTheme}
>
<RootNavigator />
</NavigationContainer>
);
}
Run Code Online (Sandbox Code Playgroud)
我有一个堆栈导航器,在堆栈导航器内我有一个抽屉式导航器,如下所示:
// Root Navigator
export default function RootNavigator() {
return (
<Stack.Navigator id="root-navigation-navigator" initialRouteName={initialRouteName}>
<Stack.Screen
name="Root"
component={DrawerNavigator}
options={{
headerShown: false,
}}
/>
{/* Other Screens */}
</Stack.Navigator>
);
}
Run Code Online (Sandbox Code Playgroud)
// Drawer Navigator
export default function DrawerNavigator(props) {
return (
<Drawer.Navigator
initialRouteName="UserSettings"
drawerContent={(props) => <CustomDrawerContent {...props} me={me} />}
>
{/* Some Screens */}
</Drawer.Navigator>
}
Run Code Online (Sandbox Code Playgroud)
在默认浏览器主题中,它看起来像这样:
在黑暗主题中,它看起来像这样:
我怎样才能让切换按钮收缩黑暗主题的黑色?!
提前致谢。
归档时间: |
|
查看次数: |
847 次 |
最近记录: |