使用React Navigation Drawer时如何处理iOS上的后退按钮？

Question

我想知道在下列情况下，如果可能的话，社区的常见做法是什么：

我有一个使用React Navigation Drawer的应用程序，因此我总是有汉堡符号（3个条）来打开导航栏左上角的抽屉。在Android中一切都很好（感谢硬件后退按钮），然而，在iOS中，汉堡包符号取代了后退按钮。有什么解决方案可以解决这个问题？

我可能的想法是： - 在嵌套屏幕中用后退按钮替换汉堡包符号 - 保留汉堡包符号但禁用抽屉左手滑动手势，以便从左手滑动手势返回 - 在汉堡旁边添加一个额外的后退按钮（可能看起来很尴尬）

我很欣赏良好的主张和解决方案。

Answer 1

您可以通过将这段代码添加到班级中来禁用iOS滑动手势

static navigationOptions = {
        gesturesEnabled: false,
};

Answer 2

在自定义按钮组件中：

<Button title="Back" onClick={() => this.props.navigation.goBack()} />

然后你把它放在哪个屏幕上，确保你将导航道具传递给你的组件，如下所示：

<MyCustomButton navigation={this.props.navigation} />