react-native 沉浸式状态栏

分类: IT文章 • 2022-08-27 00:16:00

使用StatusBar即可实现沉浸式，但是必须把背景色设置为透明。否则如果有不同页面的头部颜色不一样的话，导航栏的颜色动画会很怪异，不会是跟着页面一起动画。

<StatusBar barStyle='light-content' backgroundColor='rgba(0,0,0,0)' translucent={true}></StatusBar>