Как мы можем установить заголовок для TabNavigator

Question

React-Navigation используется в RN-навигации.Затем есть вкладка с использованием TabNavigator.Позиция верхняя.Теперь требуется, чтобы в верхней части закладки была еще какая-то информация.Как можно отобразить эту часть?

Моя идея состоит в том, чтобы добавить заголовок, потому что эта вкладка навигации также находится в StackNavigator, а затем этот заголовок, как добавить?

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

Я пыталсяустановить заголовок с навигационными параметрами на каждом экране или в TabNavigator. Но это не сработало.

Затем я установил его во внешнем StackNavigator.Хотя эффект есть, есть проблема, что каждый раз, когда я перехожу на эту страницу, сначала отображается верхний заголовок, а затем нижняя вкладка.При отображении в iOS отображается анимация слева направо, и совершенно очевидно, что вся страница разделена.Есть ли выход из этой ситуации?Или есть проблема с моим письмом?

Answer 1

С этим

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

Сделайте это также

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