从 React Navigation 更改活动边框颜色 - MaterialTopTabNavigator

Question

活动选项卡上有一个默认的蓝色底边框。但我不能改变这个边框颜色。 谁能告诉我如何改变这个默认颜色？

const Tab = createMaterialTopTabNavigator();

const SpecificChannelNavigator = () => (
  <Tab.Navigator 
    tabBarOptions={{
      style: {
        // borderColor: colors['color-primary-500'],
        borderColor: "transparant"
      }
    }}
  >
    <Tab.Screen name={Routes.groupChat} component={GroupChat} />
    <Tab.Screen name={Routes.users} component={Users} />
    <Tab.Screen name={Routes.groupChatSettings} component={ChannelSettings} />
  </Tab.Navigator> 
);

export default SpecificChannelNavigator;

Answer 1

你可以像这样使用 indicatorStyle 属性：

TabBarOptions={{
      indicatorStyle:{backgroundColor: color}
    }}