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

【问题标题】：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" />

【讨论】：