如何使用“反应导航”隐藏方向更改的导航栏？

Question

我目前正在开发适用于 Android 和 iOS 的应用程序 - 我正在使用 react native。 有没有办法在反应导航中动态隐藏导航栏，或者我应该切换到反应原生路由器通量？ 当用户更改为横向时，我想隐藏导航栏，当他返回纵向时，我想再次显示它。

我知道如何通过在导航选项中使用 {header: null} 来静态更改它，但是在这种情况下这对我没有帮助，至少我没有找到解决这个问题的方法。

提前致谢！

Answer 1

这有点像 hack，但我认为你可以用你自己的替换 React 导航中提供的标题组件，然后添加一个控制其可见性的 redux 状态。

要么使用包含 onLayout 事件的视图来包装你的屏幕，该事件将触发 redux 操作以设置自定义标题的可见性。