ReactNative 多层Tab页嵌套时出现内容不显示,滑动不正常的现象

问题状况:使用两层TabNavigator, 或者使用TabNavigator和react-native-scrollable-tab-view 实现上下tab页

ReactNative 多层Tab页嵌套时出现内容不显示,滑动不正常的现象_第1张图片

原因其实是内容加载的问题,解决方法:

给外层的TabNavigator 添加 lazy:true  属性; 初始化的路由最好设置成不是多层的tab

TabNavigator({

Test: {

screen: Test

},

Test2: {

screen: Test2

},

。。。

},{

tabBarPosition:'bottom',

lazy:true,

initialRouteName:'Test2'

});

你可能感兴趣的:(ReactNative 多层Tab页嵌套时出现内容不显示,滑动不正常的现象)