0

使用 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

反应原生：“0.44.0”

反应原生导航：“^1.1.79”

平台：安卓

4

2 回答 2

1

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

于 2017-05-31T16:42:44.087 回答
-1

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

this.props.navigator.push({
            screen: screenName,
            animationType: 'slide-horizontal',
            navigatorButtons: {
                rightButtons: [
                    this.rightBtn
                ],
                leftButtons: [
            {
                icon: backIcon,
                id: 'back'
            }],
                animated: true
            }
        });
于 2018-11-10T12:28:30.777 回答