React Navigation设置单个选项卡颜色

时间:2017-08-17 15:52:39

标签: react-native react-navigation

似乎无法弄清楚如何更改" activeTintColor"我的TabNavigator上的各个标签

基本设置在这里,我在哪里以及插入什么来为每个标签设置activeTintColor而不是全部3

const MainApp = TabNavigator({
  Tab1: { screen: Screen1, 
    navigationOptions: { title: 'Screen 1'}
  },
  Tab2: { screen: Screen2, 
    navigationOptions: { title: 'Screen 2'}
  },
  Tab3: { screen: Screen3, 
    navigationOptions: { title: 'Screen 3'}
  }
},{
  tabBarPosition: 'bottom',
  tabBarOptions: {
    //activeTintColor: "this sets it for all 3"
  },
});

2 个答案:

答案 0 :(得分:0)

我认为唯一的解决方案是在每个屏幕的不同颜色的navigationOptions中实现tabBarIcon。

答案 1 :(得分:0)

知道了。我会把它放在这里以防万一其他人挣扎

/**
Append new motive to motives array

- parameters name: A brief description of motive
- parameters opt: A options

- returns: false if is empty otherwise true
*/
public func exampleFunc(_ name: String, options opt: Options) {
  ...
}