react-navigation and status bar color blinking on view change

Question

In react-navigation v5 alpha, when I navigate between views, I have my statusBar color blinking.

Its final state is often not the one desired, while in development and working on the view, it get's to the right color after hot reload, but when navigating, it's often the dark theme that win.

Even if I use in the next view:

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

This happen in expo SDK36 application.

How can I fix this?

Answer 1

Add animated={true} to StatusBar, this will smoothly change bar color.

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