React native 如何设置TabNavigator的标题

React native 如何设置TabNavigator的标题,react-native,react-navigation,React Native,React Navigation,React导航用于RN导航。然后是一个使用TabNavigator的选项卡页面。这个职位是最高的。现在的要求是在选项卡页面的上部仍然有一些内容。如何显示此部件 我的想法是添加一个标题,因为这个选项卡导航也在StackNavigator中,那么这个标题,如何添加 Const tab = TabNavigator (    {      Xx: {screen:xxxx},      Xx:{screen:xxxx}    },    {      ...    } ); 我试图在每个屏幕或Tab

React导航用于RN导航。然后是一个使用TabNavigator的选项卡页面。这个职位是最高的。现在的要求是在选项卡页面的上部仍然有一些内容。如何显示此部件

我的想法是添加一个标题,因为这个选项卡导航也在StackNavigator中,那么这个标题,如何添加

Const tab = TabNavigator (
   {
     Xx: {screen:xxxx},
     Xx:{screen:xxxx}
   },
   {
     ...
   }
);
我试图在每个屏幕或TabNavigator中使用navigationOptions设置标题,但没有成功

然后,我将它设置在外部堆栈导航器中。虽然有效果,但有一个问题,每次我跳转到此页面时,都会首先显示上标题,然后显示下选项卡。当在iOS上显示时,会有一个从左到右的动画,很明显整个页面都被分割了。这种情况有什么解决办法吗?还是我的写作有问题?

关于这个

Const tab = TabNavigator (
   {
     Xx1: {screen: tabScreen1},
     Xx2: {screen: tabScreen2}
   },
   {
     ...
   }
);
也要这样做

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

我应该在哪里使用
选项卡
?自定义标题在哪个stacknavigator中?这样,就出现了一个问题,选项卡屏幕的自定义标题无法在外部stacknavigator中获得
导航
道具。