react native ScrollableTabView日记

初学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对应的是空白，该版本之后修复了这个属性

 

小坑自己注意！如有错误，请告诉我，别让我埋太深！