ReactNative-React导航-createMaterialTopTabNavigator-更改backgroundColor

Question

我正在对TopBarNavigator使用反应导航，并实现createMaterialTopTabNavigator，

在导航的标题中，我只需要更改标题的颜色，并且背景是透明的。
即使不选择选项卡，如何使背景透明或具有相同的颜色。并隐藏底部边框。

tabBarOptions: {
activeTintColor: TEXT_COLOR_BLUE,
inactiveTintColor: TEXT_COLOR_GREY,
tabStyle: {
  backgroundColor: '#ffffff',
},
indicatorStyle: {
  color: '#ffffff'
},

在上面的代码中，我只能更改活动标签的背景，而不能更改其他标签。

感谢您的帮助，谢谢。

Answer 1

要更改整个background的{​​{1}}和border，您可以使用

Tab bar

Answer 2

您可以查看reactnavigation.org文档。

以下是链接：https://reactnavigation.org/docs/en/material-top-tab-navigator.html

tabBarOptions: {
  labelStyle: {
    fontSize: 12,
  },
  tabStyle: {
    width: 100,
  },
  style: {
    backgroundColor: 'blue',    <--- Here
    borderColor: 'transparent', <--- Here 
  },
}