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

来源：13-10 FlatList实战应用(从ListView到FlatList的适配)

LetsShare

2018-06-05

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

<TabNavigator

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

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

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

写回答

2回答

CrazyCodeBoy

2018-06-07

已采纳

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

LetsShare

非常感谢！

2018-06-11

共1条回复

CrazyCodeBoy

2018-06-07

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

CrazyCodeBoy

LetsShare

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

2018-06-07

共2条回复

React Native技术精讲与高质量上线App开发

一个真实的上线项目，一次完整的开发过程，全面掌握React Native技术

1577 学习 · 727 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1