从底部栏处理返回导航反应原生

Posted

技术标签:

【中文标题】从底部栏处理返回导航反应原生【英文标题】:Handle back navigation from bottom bar react native 【发布时间】:2021-12-27 05:20:41 【问题描述】:

嘿,我开发了一个应用程序来响应本机功能。目前我面临返回上一个屏幕的问题。示例我采用底部标签栏,并将后退按钮图标放在第一个标签中。现在它的屏幕包含许多功能并导航到不同的屏幕。现在我的问题是检查我的屏幕包含 5 个按钮 A、B、C、D、E。当我单击按钮 C 时,它将导航到下一个屏幕 C1 并从 C1 到 C2。当我使用 android 导航返回按钮面板时,它可以正确导航 C2 到 C1 和 C1 到主页,但是当我使用底部栏返回按钮时,它是从 C2 直接到主页,这是一个问题。我必须保持后台功能,例如当我单击底部栏后退按钮时,它应该将 C2 导航到 C1 并将 C1 导航到 Home。为它提供一些解决方案。

提前致谢。下面是我的应用屏幕

enter image description here

【问题讨论】:

请提供足够的代码,以便其他人更好地理解或重现问题。 【参考方案1】:

试试这个:

this.props.navigation.goBack()

【讨论】:

虽然此代码可能会回答问题,但提供有关它如何和/或为什么解决问题的额外上下文将提高​​答案的长期价值。您可以在帮助中心找到更多关于如何写好答案的信息:***.com/help/how-to-answer。祝你好运?

以上是关于从底部栏处理返回导航反应原生的主要内容,如果未能解决你的问题,请参考以下文章

反应导航5从堆栈导航器中隐藏标签栏

ios微信网页出现底部返回导航栏

返回上一个屏幕时执行 useQuery() 挂钩反应原生堆栈导航器

隐藏反应原生 webview 底部状态栏

反应原生底部标签导航错误,来自博览会模板的全新应用

隐藏底部导航栏tabbar