初学react native ,记录自己挖坑日记
"react-native": "0.50.3",
"react-native-scrollable-tab-view": "0.8.0"
坑1。
在使用scrollableTableView 组件的时候,tabbar下面会有默认的一条直线,
设置组件的style并不能解决,官方文档也没有将清楚
如图:
解决方法:
通过设置renderTabbar , 把里面的组件的borderWidth设置为0就可以解决
付:
如果要设置阴影,
borderColor: '#00000000',
shadowOffset: {width: 0, height: 0},
shadowColor: '#999',
shadowOpacity: .5,
shadowRadius: 2
坑2:
scrollableTabView 标签外面如果有wrapper , tab内容不能显示
解决方案:
在wrapper 加上flex:1样式就能正确显示了
坑3:
scrollableTabView
标签属性 initialPage 设置从0开始,(intger)设置展示默认页面,
0.8.0版本之前设置这个属性,tab可以正常切换,但是tab对应的是空白,该版本之后修复了这个属性
小坑自己注意!如有错误,请告诉我,别让我埋太深!