Как заменить кнопку «Назад» в React-Native-Navigation (wix)?

Использование реактивной навигации https://wix.github.io/react-native-navigation я могу заменить значок гамбургера для ящика. Однако я не могу заменить кнопку «Назад», используя тот же метод.

Я попытался установить кнопку в конструкторе, но безрезультатно:

constructor(props)
{
    super(props)

    this.props.navigator.setTitle({
        title: 'Settings'
    });

    Icon.getImageSource('back', 24, 'orange').then(backIcon => {
        props.navigator.setButtons({
            leftButtons: [
                {
                    icon: backIcon,
                    id: 'back'
                }]
        })
    });

}

Кто-нибудь разобрался, как установить пользовательский значок для кнопки «Назад»?

ОС: Mac OS Сьерра

родной реакции: "0.44.0"

реагирующая нативная навигация: "^ 1.1.79"

Платформа: Android


react-native android react-native-navigation
person Anne U.    schedule 29.05.2017    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Начиная с версии 1, есть несколько идентификаторов, зарезервированных RNN. Когда используется любой из этих идентификаторов, пользовательский значок, переданный в параметры кнопки, игнорируется. Из docs — по умолчанию поддерживаются четыре типа кнопок без необходимости предоставления значка. Вы можете использовать любой другой идентификатор, и этот код должен работать, но вам нужно будет самостоятельно обрабатывать нажатие кнопки (вызов поп-музыки из onNavigatorEvent)

person guy.gc    schedule 31.05.2017

arrow_upward
-1
arrow_downward

установите кнопки навигации в функциях push и showModal следующим образом:

this.props.navigator.push({
            screen: screenName,
            animationType: 'slide-horizontal',
            navigatorButtons: {
                rightButtons: [
                    this.rightBtn
                ],
                leftButtons: [
            {
                icon: backIcon,
                id: 'back'
            }],
                animated: true
            }
        });
person N.SH    schedule 10.11.2018