Javascript createMaterialTopTabNavigator接受活动背景色

Javascript createMaterialTopTabNavigator接受活动背景色,javascript,react-native,react-navigation,Javascript,React Native,React Navigation,这可能不是问这个问题的最佳地点,但我在其他任何地方都找不到真正的答案,如果不可能的话,我会感到惊讶 我有一个底部标签导航器,底部有四个标签。最初,我使用CreateBoottomTabNavigator进行底部选项卡导航。它的样式完全符合我的要求。如下图所示: 该问题如GitHub问题中所述:而GitHub问题:CreateBoottomTabNavigator不再支持屏幕动画。所以我按照第一个问题的建议做了,并实现了createMaterialTopTabNavigator。它的风格几乎完美

这可能不是问这个问题的最佳地点,但我在其他任何地方都找不到真正的答案,如果不可能的话,我会感到惊讶

我有一个底部标签导航器,底部有四个标签。最初,我使用CreateBoottomTabNavigator进行底部选项卡导航。它的样式完全符合我的要求。如下图所示:

该问题如GitHub问题中所述:而GitHub问题:CreateBoottomTabNavigator不再支持屏幕动画。所以我按照第一个问题的建议做了,并实现了createMaterialTopTabNavigator。它的风格几乎完美。以下是样式创建的内容:

正如您所看到的,我的其他样式使活动文本和活动白色起作用,但对于活动选项卡背景色,没有任何效果

这是我的相关代码:

如何使createMaterialTopTabNavigator中活动选项卡的背景变成橙色,就像CreateBoottomTabNavigator一样?

createMaterialTopTabNavigator没有直接更改活动背景颜色的方法,但是您可以使用指示器

indicatorStyle: {
  height: '100%',
  backgroundColor: '#ff6900'
}
使用此方法,您甚至可以向其添加边界半径以进行圆形选择

createMaterialTopTabNavigator无法直接更改活动背景色,但是您可以使用指示器

indicatorStyle: {
  height: '100%',
  backgroundColor: '#ff6900'
}

使用此方法,您甚至可以向其添加边界半径以进行圆形选择

为什么现在要使用top navigator。如果您已经在使用底部选项卡,您可以将其用作此选项卡:根据最新的docs@AnkushRishi老实说,这是我链接到的第一个Github问题中建议使用的。但是看看这些文档,看起来我无论如何都不会有我需要的样式控制。我找到了你,也发现了你的错误!将activeTintColor更改为要添加的颜色。现在它是白色的,这就是为什么它是白色的disappearing@AnkushRishi这只会更改标签颜色,而不会更改上面的文档链接中的背景颜色。您可以使用一个名为barStyle的属性设置背景的样式。为什么现在要使用top navigator。如果您已经在使用底部选项卡,您可以将其用作此选项卡:根据最新的docs@AnkushRishi老实说,这是我链接到的第一个Github问题中建议使用的。但是看看这些文档,看起来我无论如何都不会有我需要的样式控制。我找到了你,也发现了你的错误!将activeTintColor更改为要添加的颜色。现在它是白色的,这就是为什么它是白色的disappearing@AnkushRishi这只会更改标签颜色,而不会更改背景颜色在上面的文档链接中,有一个名为barStyle的属性可用于设置背景的样式。谢谢你保存我的一天:谢谢你保存我的一天: