「React Native」沉浸式状态栏安卓无法透明问题

一、采用React Native提供的StatusBar

 

        android activity的主题,设置全屏。配置之后,正常首次进入或者杀掉进程进入都没问题,但是安卓物理返回键,返回到桌面之后,重新点击进入,此时状态栏会被隐藏。

二、解决方案:

        在app.js/app.tsx文件中,新增监听前后台切换。在可见时,重新设置状态栏。

    import React, { Component } from 'react';
    import { View, StatusBar,AppState } from 'react-native';

    componentDidMount() {
        AppState.addEventListener('change', this.dealAppState)
    }

    componentWillUnmount(){
        AppState.removeEventListener('change', this.dealAppState)
    }

    dealAppState = (nextAppState) => {
        if (nextAppState === 'active') {
            StatusBar.setTranslucent(true)
            StatusBar.setHidden(false)
            StatusBar.setBackgroundColor("rgba(0,0,0,0)")
        }
    }
   render() {
        return (
            
               
        );
    }

你可能感兴趣的:(「React Native」沉浸式状态栏安卓无法透明问题)