react native android 状态栏透明

注意是配 android 的全面屏和非全面屏

java/.../MainActivity.kt

override fun onCreate(savedInstanceState: Bundle?) {

        super.onCreate(savedInstanceState)

        // 设置虚拟键颜色

        val window = window

        window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)

        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS)

        window.navigationBarColor = Color.RED // 设置虚拟键背景颜色为红色

    }


在 res/values/styles.xml

<resources>

    <!-- Base application theme. -->

    <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">

<!--  添加如下两行-->

<item name="android:windowTranslucentStatus">true</item>

<item name="android:windowBackground">@drawable/launch_background</item>

</style>

</resources>


RN 里面设置

<StatusBar

        barStyle={'dark-content'}

        backgroundColor="rgba(0,0,0,0)"

        translucent={true}

      />

大功告成。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容