美文网首页
RNStatusBar 设置沉浸式状态栏首次进入会显示黑色背景

RNStatusBar 设置沉浸式状态栏首次进入会显示黑色背景

作者: 莫帆海氵 | 来源:发表于2020-11-28 15:58 被阅读0次

设置代码如下

<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

附上问题截图


statusbar_black.jpg

相关文章

网友评论

      本文标题:RNStatusBar 设置沉浸式状态栏首次进入会显示黑色背景

      本文链接:https://www.haomeiwen.com/subject/qrtcwktx.html