视图更改时反应导航和状态栏颜色闪烁

Posted

技术标签:

【中文标题】视图更改时反应导航和状态栏颜色闪烁【英文标题】:react-navigation and status bar color blinking on view change 【发布时间】:2020-04-08 08:52:33 【问题描述】:

在 react-navigation v5 alpha 中,当我在视图之间导航时,我的 statusBar 颜色闪烁。

它的最终状态通常不是你想要的,在开发和处理视图时,它会在热重载后得到正确的颜色,但在导航时,通常是深色主题获胜。

即使我在下一个视图中使用:

<StatusBar barStyle="light-content" translucent=true backgroundColor="transparent" />

这发生在 expo SDK36 应用程序中。

我该如何解决这个问题?

【问题讨论】:

【参考方案1】:

animated=true添加到StatusBar,这将平滑更改栏颜色。

<StatusBar animated=true barStyle="light-content" translucent=true backgroundColor="transparent" />

【讨论】:

以上是关于视图更改时反应导航和状态栏颜色闪烁的主要内容,如果未能解决你的问题,请参考以下文章

iOS 7隐藏导航栏时如何更改状态栏的颜色?

在flutter中进入暗模式时更改系统导航和状态栏的颜色

更改状态栏色调颜色

导航栏隐藏XCode时状态栏更改色调颜色

如何在 iOS 7 上更改状态栏背景颜色和文本颜色?

如何根据主题更改状态栏/导航栏颜色/亮度?