SafeArea响应本机中的透明背景

普亚92

我在屏幕上使用SafeAreaView可以正常工作,但我想使用透明背景而不是纯色,实际上我想让屏幕的背景图像显示在safeAreaView下。

我该如何处理?

显示名称

如果要使用图像背景,则将您的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>
     )
   }
 }

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章