react-native 状态栏沉浸式问题

最新推荐文章于 2024-07-04 17:34:33 发布

milline

最新推荐文章于 2024-07-04 17:34:33 发布

阅读量1.6k

点赞数

分类专栏： react-native 文章标签： react-native StatusBar

本文链接：https://blog.youkuaiyun.com/weixin_41177814/article/details/98201363

版权

react-native 专栏收录该内容

5 篇文章

订阅专栏

本文记录了在react-native中遇到的状态栏自动从沉浸式变为非沉浸式的问题及其解决方案，主要聚焦在应用后台运行及从通知栏进入时的状态栏样式变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

react-native 状态栏沉浸式问题

目的：防止状态栏无缘无故从 沉浸式 变成 非沉浸式 （给自己的笔记）

遇到的问题

应用在后台长时间运行突然进入—（沉浸式的状态栏 —自动—> 没有沉浸式）
从通知栏进入的应用—（沉浸式的状态栏 —自动—> 没有沉浸式）

解决方

android\app\src\main\res\values\styles.xml

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowIsTranslucent">true</item>
        <!-- 添加这条代码 ↓↓↓ --> 
        <item name="android:windowTranslucentStatus">true</item>
        <!--  -->
        <item name="android:navigationBarColor">@color/status_bar_color</item>
        <item name="android:statusBarColor">@color/status_bar_color</item>
    </style>
  <style name="SplashScreenTheme" parent="SplashScreen_SplashTheme">
      <item name="colorPrimaryDark">@color/status_bar_color</item>
      <item name="android:navigationBarColor">@color/status_bar_color</item>
      <item name="android:statusBarColor">@color/status_bar_color</item>
      <item name="android:windowIsTranslucent">true</item>
  </style>
</resources>