账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    React-Navigation中怎么样给TabNavigator添加一个Header?
    76
    0

    在RN中使用了React-Navigation这个导航,然后有一个tab页面使用了TabNavigator,位置为top,然后现在的需求是这个tab页面上边还有一部分的内容,那么这部分内容该怎么展示?

    我的想法是,添加一个header,因为这个tab导航也是在StackNavigator中的,那么这个header,如何添加?

    const tab = TabNavigator(
      {
        xx:{screen:xxxx},
        xx:{screen:xxxx}
      },
      {
        ...
      }
    );

    我尝试在每一个screen里边,或者TabNavigator里通过navigationOptions设置header都没有效果!

    然后,我在外部的StackNavigator中设置,虽然有效果了,但是出现一个问题,就是每次跳转到该页面都是上边的header先显示出来,下边的tab后显示,而且两次显示在iOS上都是有个左右的动画,非常明显的能感觉到整个页面被分割了似的,那么这种情况有没有解决方法?或者说我这种写法有问题?

    1
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 颠沛流离 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部