我们如何为 TabNavigator 设置标题

Question

React-Navigation 用于 RN 导航。然后有一个使用 TabNavigator 的标签页。位置是顶部。现在的要求是标签页上部还有一些内容。这部分怎么显示？

我的想法是加一个header，因为这个tab导航也是在一个StackNavigator中，那么这个header，怎么加呢？

Const tab = TabNavigator (
   {
     Xx: {screen:xxxx},
     Xx:{screen:xxxx}
   },
   {
     ...
   }
);

我尝试在每个屏幕或 TabNavigator 中设置带有 navigationOptions 的标题。但它不起作用。

然后，我在外部 StackNavigator 中设置它。虽然有效果，但是有个问题就是每次跳转到这个页面，都是先显示上页眉，再显示下标签。在iOS上显示时有一个从左到右的动画，很明显整个页面被分割了。这种情况有什么解决办法吗？还是我的文笔有问题？

Answer 1

有了这个

Const tab = TabNavigator (
   {
     Xx1: {screen: tabScreen1},
     Xx2: {screen: tabScreen2}
   },
   {
     ...
   }
);

也这样做

const tabScreen1 = StackNavigator(
  {
    screen1: { screen: xxxx },
  },
  {
    navigationOptions: {
      gesturesEnabled: false,
    },
  }
);