Question

使用react-native-navigation 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 Sierra

react-native：＆＃34; 0.44.0＆＃34;

react-native-navigation：＆＃34; ^ 1.1.79＆＃34;

平台：Android

Answer 1

从v1开始，有一些由RNN保留的id。当使用这些id中的任何一个时，将忽略传递给按钮参数的自定义图标。 From the docs - 默认情况下支持四种按钮类型，无需提供图标。您可以使用任何其他ID并且该代码应该可以使用，但是您需要按下自己的按钮（从onNavigatorEvent调用pop）

Answer 2

在push和showModal函数中设置导航按钮，如下所示：

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

如何替换react-native-navigation（wix）中的后退按钮？

2 个答案: