本文介绍了如何关闭其中包含多个屏幕的Reaction导航模式的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在使用https://reactnavigation.org/在Reaction Native应用程序中导航，该应用程序以选项卡导航器为主堆栈，其中包含两个屏幕(用于登录和配置应用程序)。
我无论如何也想不出如何从第二个屏幕(SelectItems)关闭模式。从模式的第一个屏幕，我可以用navigation.goBack()关闭它。
两个模式屏幕都需要一个关闭按钮。是否有方法可以直接返回到用户所在的任何选项卡？
提前感谢您的帮助。
const Tabs = TabNavigator(
{
Search: { screen: Search },
Settings: { screen: Settings }
}
);
// modal with two screens
const Setup = StackNavigator(
{
Login: {
screen: Login
},
SelectItems: {
screen: SelectItems
}
},
{
initialRouteName: 'Login'
}
);
const RootStack = StackNavigator(
{
Main: {
screen: Tabs
},
Setup: {
screen: Setup
}
},
{
mode: 'modal',
headerMode: 'none'
}
);
推荐答案
我找到了解决方案，但并不完美。
您可以使用popToTop，它将返回到堆栈的第一个场景，然后GoBack将关闭模式。
navigation.popToTop();
navigation.goBack(null);
setState。或者阻止它。
这就是我目前使用的解决方案。我一直在寻找更好的解决方案。
这篇关于如何关闭其中包含多个屏幕的Reaction导航模式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！