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;

0
1
LetsShare
非常感谢!
2018-06-11
共1条回复

CrazyCodeBoy

2018-06-07

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

0
2
CrazyCodeBoy
回复
LetsShare
可参考:https://github.com/happypancake/react-native-tab-navigator/issues/74
2018-06-07
共2条回复

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

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

1577 学习 · 727 问题

查看课程