React Native-从带有状态栏的屏幕导航到全屏

问题描述 投票:0回答:1

我的应用程序中有2个屏幕,一个带有状态栏,一个没有状态栏。第一个屏幕是全屏(无状态栏),其中包含导航到带状态栏的第二个屏幕的按钮。

隐藏状态栏的第一个屏幕代码:

render(){返回();}

当我从第一个屏幕跳到第二个屏幕并按第二个屏幕上的向后按钮时,第一个屏幕闪烁(UI从状态栏重新排列为全屏)布局,因为它隐藏了未隐藏在第二个屏幕中的状态栏。因此,最终,用户界面在一段时间内看起来会很粗糙。

我曾尝试在第二屏的后退键上隐藏状态栏,但随后闪烁第二屏的UI。有什么办法可以解决此问题?

任何帮助将不胜感激!

android react-native user-interface navigation fullscreen
1个回答
0
投票

我想您用来隐藏栏的代码不是解决它的最佳方法。您是否尝试过以下方法:React Native StatusBar

您可以在哪里使用React Native提供的功能来解决此问题?甚至更多,因为如果您打算同时使用Android和iOS并最终表现出不同的行为,则需要谨慎使用。

由于我的声誉,我暂时无法评论您的问题,但是您能否提供有关代码结构的更多详细信息?

© www.soinside.com 2019 - 2024. All rights reserved.