React-navigation: при использовании навигатора в нижней вкладке заголовок не отображается

Question

Я использую react-navigation с моим собственным приложением реагировать.Я создал навигатор с нижней вкладкой и хочу использовать встроенный заголовок на моем экране.Но заголовок не появляется.Там нет ошибок или предупреждений.

app.js:

const TabStack = createBottomTabNavigator({
  Upload: { 
    screen: upload,
    navigationOption: {
      headerTitle: "Upload"
    }
  },
  Profile: { 
    screen: profile,
    navigationOption: {
      headerTitle: "Profile"
    }
  }
});

const MainStack = createSwitchNavigator(
  {
    Home: { screen: TabStack }
  },
  {
    initialRouteName: 'Home'
  }
);

upload.js

class upload extends React.Component {
    static navigationOptions = {
        title: 'Upload'
    };

    constructor(props) {
        super(props);

    ...

Я знаю, что объявление navigationOptions в компонентах, вероятно, не требуется, так как оно уже объявлено вapp.js, но это только для того, чтобы показать, что ни один из подходов не работает.

Как это исправить?

Answer 1

TabNavigator не поставляется с заголовком. Обычный случай - сделать вас TabNavigator вашим root навигатором и сделать каждую вкладку StackNavigator ... тогда вы получите заголовок, потому что он является частью StackNavigator по умолчанию.