react-native-tab-navigator组件，tab栏透明怎么设置？

Question

如题，请教老师一下，如何实现？

<TabNavigator

tabBarStyle={{backgroundColor:'rgba(255,255,255,0.8)'}}

sceneStyle={{height:GlobalStyles.WINDOW_HEIGHT+100}}

>

我通过设置内容页面高度倒是可以，但是内容页面高了，一笔部分内容就在tab栏下面，拉不上来了？

Answer 1

CrazyCodeBoy 2018-06-07 21:19:38

拉不上去可以在列表底部垫一个和TabBar等高margin或padding；

• 提问者 LetsShare #1

  非常感谢！

Answer 2

CrazyCodeBoy 2018-06-07 11:12:25

可以中项目的tab栏就是透明的效果，可以参考代码的实现；

• 提问者 LetsShare #1

  我下载的参考代码中，没有找到透明度的设置。麻烦能给我一个示例代码的下载地址吗？

• CrazyCodeBoy 回复 提问者 LetsShare #2

  可参考：https://github.com/happypancake/react-native-tab-navigator/issues/74