React Native 无法将图像设置为背景

Question

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

这是我的图像标签。

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

它被假定包含子元素，该元素应该在顶部呈现。

样式如下：

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

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

我是如何完成这项工作的？

Answer 1

RN 现在提供了文档中描述的 <ImageBackground> 组件，并用作

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

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