Заголовок не работает в реакции-навигации createStackNavigator

Question

Я использую createStackNavigator внутри createBottomTabNavigator из react-navigation в моем приложении. Я хочу иметь заголовок на моем экране. Следуя инструкции React Navigation , я реализовал это следующим образом:

createBottomTabNavigator(
    {
      Home: createStackNavigator(
       {screen: HomePage, navigationOptions: () => { title: 'Home'}}),
      ...
    },

Однако на панели навигации ничего не отображается. Я также пробовал headerTitle, но безрезультатно.

Что я делаю не так?

Answer 1

Существует 2 способа установки navigationOptions, объекта или функции

Объект

{
    screen: HomePage,
    navigationOptions: { title: 'Home' }
}

Функция, возвращающая объект

{
    screen: HomePage,
    navigationOptions: ({ navigation }) => {
       return { title: 'Home' }
    }
}

Ваш код не работает из-за ошибки в функции стрелки, вы должны добавить скобку вокруг тела, чтобы он возвращал объект.

{ screen: HomePage, navigationOptions: () => ({ title: 'Home'}) }

Answer 2

navigationOptions не должен быть функцией, это JSON.Итак, удалите стрелки и сделайте это так:

createBottomTabNavigator(
{
  Home: createStackNavigator(
   {screen: HomePage, navigationOptions: { title: 'Home'},
  ...
},