React Native cant将图像设置为背景

Question

我一直在尝试将图像设置为本机应用程序的背景，但没有成功。

这是我的图片标记。

<Image
source={require('../img/cat.jpg')}
style={styles.backgroundImage}
blurRadius={1} />

它包含了应该呈现在顶部的子元素。

风格如下：

backgroundImage: {
    flex: 1,
    width: null,
    height: null,
    resizeMode: 'cover',
  },

目前，子元素在图像后面的屏幕底部呈现，而不是在图像上面。

我是如何做这件事的？

Answer 1

RN现在将<ImageBackground>组件提供为described in the docs并用作

 return (
  <ImageBackground source={...}>
    <Text>Inside</Text>
  </ImageBackground>
 );

或者，您可以使用position: 'absolute', top: 0, bottom: 0, left: 0, right: 0, resizeMode: 'stretch'//or 'contain' 使用你的图像样式。