时间戳

首页 > 解决方案 > 似乎无法更改 React-Navigation DrawerNavigation 上的样式（文本颜色）

react-native - 似乎无法更改 React-Navigation DrawerNavigation 上的样式（文本颜色）

问题描述

我正在使用 expo 构建一个反应本机应用程序，并且我正在使用以下抽屉组件

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

某人做的例子：DrawerNavigator：更改文本颜色

有什么我想念的吗？

标签： react-nativereact-navigationreact-navigation-drawer

解决方案

您必须将颜色作为抽屉内容选项传递

例如，您可以像下面这样设置 activeTintColor

<Drawer.Navigator drawerContentOptions={{activeTintColor:'red'}}>

您可以在此处参考文档 https://reactnavigation.org/docs/drawer-navigator/#drawercontentoptions

推荐阅读