React-Navigation中tabNavigator去掉指示线

March 12, 2018

bottom 模式的 tabBar 也出现了 indicator（就是选中某个 tabbar icon 的时候，出现的那根线，一般是出现在 top 模式下的）感觉很烦人，想去掉，开始自然想到把这根线调为透明

tabBarOption: {
  indicatorStyle: {
    opacity: 0,    }
}

发现不管用。

查了一下 issue，发现了下面这个解决方案：

export const AppNavigator = TabNavigator(
 {
    screenA:  screen1
  },
  {
    screenB: screen2
  },
  {
     tabBarOptions: {        renderIndicator: () => null//加上这句就不会渲染indicator了     }  }
}

搞定！