似乎无法更改 React-Navigation 抽屉导航的样式(文本颜色)
Can't seem to change styles on a React-Navigation DrawerNavigation ( Text Color )
我正在使用 expo 构建一个 React Native 应用程序,我正在使用以下抽屉组件
https://reactnavigation.org/docs/drawer-based-navigation/
我可以内联设置背景颜色的样式,但使用 labelStyle :{ color: 'white' }
和其他样式不会改变抽屉的外观。
这是我目前所掌握的...
<Drawer.Navigator initialRouteName="LoL" drawerStyle={{
backgroundColor: 'orange'}} >
为什么背景发生变化但其他样式似乎不起作用?
我还发现有些人将道具传递给他们的 const Drawer = createDrawerNavigator();
,但是当我尝试做同样的事情时,我得到一个错误 createDrawerNavigator() does not take in any props
某人的例子:
有什么我遗漏的吗?
您必须将颜色作为 drawerContentOptions
例如,您可以像下面这样设置 activeTintColor
<Drawer.Navigator drawerContentOptions={{activeTintColor:'red'}}>
你可以在这里参考文档
https://reactnavigation.org/docs/drawer-navigator/#drawercontentoptions
我正在使用 expo 构建一个 React Native 应用程序,我正在使用以下抽屉组件
https://reactnavigation.org/docs/drawer-based-navigation/
我可以内联设置背景颜色的样式,但使用 labelStyle :{ color: 'white' }
和其他样式不会改变抽屉的外观。
这是我目前所掌握的...
<Drawer.Navigator initialRouteName="LoL" drawerStyle={{
backgroundColor: 'orange'}} >
为什么背景发生变化但其他样式似乎不起作用?
我还发现有些人将道具传递给他们的 const Drawer = createDrawerNavigator();
,但是当我尝试做同样的事情时,我得到一个错误 createDrawerNavigator() does not take in any props
某人的例子:
有什么我遗漏的吗?
您必须将颜色作为 drawerContentOptions
例如,您可以像下面这样设置 activeTintColor
<Drawer.Navigator drawerContentOptions={{activeTintColor:'red'}}>
你可以在这里参考文档 https://reactnavigation.org/docs/drawer-navigator/#drawercontentoptions