Javascript 使用React导航抽屉时,如何处理iOS上的“后退”按钮?

Javascript 使用React导航抽屉时,如何处理iOS上的“后退”按钮?,javascript,react-native,react-navigation,Javascript,React Native,React Navigation,我想知道在以下情况下,社区的常见做法是什么(如果可能的话)以及代码: 我有一个使用React导航抽屉的应用程序,因此我总是用汉堡符号(3条)打开导航栏左上角的抽屉。在Android中,一切都很好(多亏了硬件后退按钮),但是在iOS中,汉堡符号取代了后退按钮。有什么解决办法来解决这个问题 我可能有以下想法: -用嵌套屏幕中的后退按钮替换汉堡符号 -保留汉堡包符号,但禁用抽屉的“从左刷卡”手势,以便“从左刷卡”手势返回 -在汉堡旁边增加一个后退按钮(可能看起来很尴尬) 我欣赏好的建议和解决方案。在自

我想知道在以下情况下,社区的常见做法是什么(如果可能的话)以及代码:

我有一个使用React导航抽屉的应用程序,因此我总是用汉堡符号(3条)打开导航栏左上角的抽屉。在Android中,一切都很好(多亏了硬件后退按钮),但是在iOS中,汉堡符号取代了后退按钮。有什么解决办法来解决这个问题

我可能有以下想法: -用嵌套屏幕中的后退按钮替换汉堡符号 -保留汉堡包符号,但禁用抽屉的“从左刷卡”手势,以便“从左刷卡”手势返回 -在汉堡旁边增加一个后退按钮(可能看起来很尴尬)


我欣赏好的建议和解决方案。

在自定义按钮组件中:

<Button title="Back" onClick={() => this.props.navigation.goBack()} />
this.props.navigation.goBack()}/>
然后,无论在哪个屏幕上,都要确保将导航道具传递给组件,如下所示:

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

您可以通过将这段代码添加到类中来禁用iOS幻灯片手势

static navigationOptions = {
        gesturesEnabled: false,
};

对不起,我误解了这个问题,但我认为没有必要提供后退按钮,因为您可以随时浏览抽屉。抽屉始终位于父组件堆栈上。不完全是这样,因为如果导航到具有各种屏幕的StackNavigator,则只能返回此StackNavigator的初始路径,但我只想返回。如果您可以添加导航结构,没有它就很难调试。确定:StackNavigator({LoginScreen:{screen:LoginScreen},Drawer:{screen:Drawer},},然后Drawer:const Drawer=DrawerNavigator({BusinessScreen:{screen:BusinessStackNavigator,navigationOptions:negociosnavigations},}BusinessStackNavigator:const BusinessStackNavigator=StackNavigator({Home:{screen:negociossscreen},Contratos:{screen:ContratosScreen},Entregas:{screen:EntregasScreen},}从“EntregasScreen”中我想“返回”在文本编辑器中复制此评论并格式化,否则很难遵循。