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

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

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

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

TabNavigator({

Test: {

screen: Test

},

Test2: {

screen: Test2

},

。。。

},{

tabBarPosition:'bottom',

lazy:true,

initialRouteName:'Test2'

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • react-navigation导航组件使用详解 注意了,如果有小伙伴们发现运行作者提供的react-naviga...
    光强_上海阅读 23,549评论 38 103
  • 背景 最近在做一个RN项目,需要做个tab的需求,查看了RN的官方文档,官方为我们提供的Tab控制器有两种:Vie...
    wfunny阅读 7,265评论 4 1
  • 没有痛苦的人生不叫人生,没有不羁的青春不叫青春。也许青春是一把刀,没事跟玩似的捅你几刀,唯一不同的是它不把你捅死,...
    醉婉笙歌阅读 3,462评论 0 3
  • 来的近来的远对我来说都是一种馈赠,死亡是必经之事,魂间的我们何去何从。 秋风瑟瑟,夏风淼淼,春风无意...
    书王110阅读 2,299评论 0 0
  • 今天培训的内容是体能训练和技术动作的练习。另外还有本周预约客户来上体验课。 早上Jimmy带着我们到足球场地进行体...
    桥上桥树阅读 988评论 0 2