首页 > 解决方案 > React Native应用程序iphone 11中的全屏背景图像

问题描述

我目前正在尝试在我的登录视图上设置一个完整的背景图像。我希望能够在 iPhone 11 的整个屏幕上填充我的背景图像。我已经阅读了一些关于 safeAreaView 和 SafeAreaViewInset 的内容,但不确定在我目前的情况下如何实现它。

我使用了以下代码来执行此操作,但注意到 iPhone 11 在手机底部和顶部都有一个白条。这是像导航一样不能重叠的东西吗?

应用当前的外观

   return <SafeAreaView style={styles.container}><Background source={require('../../assets/images/background-cover.jpg')}>
        <CoverLogo width={100} height={100} color={Colors.White} />

        <Introduction loop={false}>
            <TextHeading text={`#test`} />
            <TextPage text={`Btest2`} />
            <TextPage text={`Ttest3`} />
            <TextPage text={`test4 Sign up !`} />
    </Background>
  </SafeAreaView>

标签: iostypescriptreact-nativereact-native-iossafeareaview

解决方案


推荐阅读