react本机中的SafeArea透明背景

Question

我在我的屏幕上使用safeAreaView它是工作的，但我想有透明的背景而不是纯色，实际上我想有我的屏幕的背景图像显示在SafeAreaView下。

我该怎么处理呢？

Answer 1

如果要使用图像背景，请将safeAreaView嵌套在ImageBackground中

class App extends React.Component{
 render(){
  return(
     <ImageBackground 
       source={{uri:'https://wallpapershome.com/images/pages/pic_v/3443.jpg'}} 
       style={{height:Dimensions.get('window').height, 
       width:Dimensions.get('window').width, overflow:'hidden', flex:1}}
       > 
        <SafeAreaView>
         //whatever content
        </SafeAreaView>

      </ImageBackground>
     )
   }
 }