React native 如何向React Native中的每个项目添加背景图像？

因此，我使用显示一个截面网格，如下所示：

 const [items] = React.useState([
    //Plants
    {
      name: 'Orchid',
      price: '0$',
      uri:
        'https://cdn.pixabay.com/photo/2015/04/28/11/19/flower-743373_1280.jpg'
    },

  const images = {
    uri: 'https://cdn.pixabay.com/photo/2015/04/28/11/19/flower-743373_1280.jpg'
  }

我的问题是，我需要项目列表中每个项目的uri显示为

，但我不确定为什么

不起作用

现在，我创建了一个常量来测试图像，它如下所示：

 const [items] = React.useState([
    //Plants
    {
      name: 'Orchid',
      price: '0$',
      uri:
        'https://cdn.pixabay.com/photo/2015/04/28/11/19/flower-743373_1280.jpg'
    },

  const images = {
    uri: 'https://cdn.pixabay.com/photo/2015/04/28/11/19/flower-743373_1280.jpg'
  }

以及它是如何呈现的：

              <View style={[styles.itemContainer]}>
            <ImageBackground style={styles.container} source={images} />
            <Text style={styles.itemName}>{item.name}</Text>
            <Text style={styles.itemPrice}>{item.price}</Text>

{item.name}
{item.price}

---

但是我需要重新设计

const[items]

中的每个uri，就像

item.name

和

item.price

将这两个文本都放在imageBackground中并进行检查一样

{item.name}
{item.price}

好的，但是如何为每个项目创建不同的图像？我想添加几个uri'ssource={{uri:item.uri}}}在图像背景中使用它，就像在文本中一样。非常感谢您，先生！