设置代码如下
<StatusBar translucent={true} />
设置 translucent=true 沉浸式时候在第一次启动 RN 的时候状态栏会显示黑色背景,下次再次进入才可以正常显示状态栏
使用 api 模式设置能避免 android 状态栏第一次启动黑色问题
import React, { useEffect } from 'react'
import CodePush from 'react-native-code-push'
import { StatusBar } from 'react-native'
import { Platform } from '~/common'
import { getApp } from './module'
const AppCenter = (props) => {
// useEffect(() => {
// CodePush.sync({
// installMode: CodePush.InstallMode.ON_NEXT_RESUME,
// })
// }, [])
// 尽可能早的设置环境变量信息
// 通过传递的参数 env 设置
setConfigWithParams(props)
if (Platform.isAndroid) {
// 使用 api 模式设置能避免 android 状态栏第一次启动黑色问题
StatusBar.setTranslucent(true)
}
const { module } = props
let App = getApp(module)
return [
<StatusBar translucent={true} />,
<App {...props} key="app" />
]
}
export default AppCenter
附上问题截图

网友评论