React Navigation headerBackImage не работает - PullRequest
Новая
       33

React Navigation headerBackImage не работает

0 голосов
/ 06 июня 2019

Я использую React Navigation 3.11 в своем приложении React Native и хочу настроить кнопку «Назад» в стековой навигации.В документах указано:

headerBackImage

Элемент React или компонент для отображения пользовательского изображения в кнопке «Назад» заголовка.Когда компонент используется, он получает несколько реквизитов при визуализации (tintColor, title).По умолчанию используется компонент Image с response-navigation / views / assets / back-icon.png источником изображения назад, который является изображением значка возврата по умолчанию для платформы (шеврон на iOS и стрелка на Android).

Вот моя конфигурация: 

let navigationRouteConfigMap : NavigationRouteConfigMap = {
      _main:
      {screen: page, navigationOptions: 
        { 
          [...]
          headerBackTitle: '',
          headerTruncatedBackTitle: '',
          headerBackImage: Images.backArrow,
        }
      }

    }
    let stackNavigatorConfig:StackNavigatorConfig = {
      headerBackTitleVisible: false
    }

    return createStackNavigator(navigationRouteConfigMap, stackNavigatorConfig)

У меня есть и другие страницы в моей конфигурации, все , имеющие те же общие параметры навигации с настраиваемым заголовком заднего изображения.Однако в моем приложении он отображает стрелку назад по умолчанию.(headerBackTitleVisible: false работает, хотя)

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

1 Ответ

2 голосов
/ 06 июня 2019

Я использовал реальное изображение (из require()) вместо элемента реагирования.Кроме того, по какой-то причине параметры навигации не были выбраны для отдельных страниц.Я переключился на <Image.../> и установил свой объект как defaultNavigationOptions в StackNavigatorConfig, и это сработало.

...