javascript - 在 ListView 中添加存储在 JSON 数组中的图像 - React Native

Question

我无法在 ReactNative ListView 中显示存储在 JSON 数组中的图像。假设这是我的数据:

var data = [
  {
    id: 0,
    photo: '../images/test.png',
  },
  {
    id: 1,
    photo: '../images/test.png',
  },
  {
    id: 2,
    photo: '../images/test.png',
  },
]

然后，在我的类里面，首先我需要数据(假设它被正确导出):

var data = require("../data").data

然后对于数据源中的每个元素，我循环遍历 JSON 数组，并尝试显示图像:

<Image source={{uri:item.photo}} style={styles.photo}></Image>

但是，屏幕上没有显示任何内容。我知道数据被正确提取，因为其他文本字段(上面未显示)显示正确，例如:

<Text style = {styles.name}>{item.id}</Text>

这显示正确。另外，如果我尝试直接在源代码中要求图像，即

<Image source={require('../images/test.png')} style={styles.photo}></Image>

它工作正常。有谁知道为什么在引用为变量时图像源没有拉动？

Answer 1

你可以这样做:

var data = [
  {
    id: 0,
    photo: require('../images/test.png'),
  },
  {
    id: 1,
    photo: require('../images/test.png'),
  },
  {
    id: 2,
    photo: require('../images/test.png'),
  },
]