在react-native-navigation上动态更改底部栏选择的图标颜色

时间:2019-01-17 16:45:56

标签: react-native react-native-navigation

我正在使用Wix's react-native-navigation(v1),我想根据所选的当前标签更改所选的状态颜色。

现在,有一种方法可以通过tabBarSelectedButtonColor进行全局更改,但是我想知道是否有可能根据用户所在的屏幕来更新此可变颜色。即:选择后,首页将变为绿色,Tab2将为蓝色,Tab3将为红色。

像这样创建导航:

Navigation.startTabBasedApp({
   tabs: [
     {
       screen: 'screenName',
       label: 'Home',
       icon: iconsMap['md-home'],
       navigatorStyle: {
           navBarHidden: true
       },
       // this applies for other screens ofc
   ],
   tabsStyle: {
      forceTitlesDisplay: true,
      tabBarTextFontFamily: 'fontname',
      tabBarSelectedButtonColor: 'red'
   },
   appStyle: {
      tabBarSelectedButtonColor: 'red'
   }
});

你们知道一种更新方式吗?还是在按下选项卡时有任何回调函数?所以我可以在那里手动更新它?

谢谢。

0 个答案:

没有答案