无法在 React Native 中显示来自 Redux 状态的图像

Question

我的减速器：

const initialState = {
  1: {
     id: '1',
     name: 'AryaStark',
     theimage: "https://upload.wikimedia.org/wikipedia/en/3/39/Arya_Stark-Maisie_Williams.jpg"
    },
  2: {
     id: '2',
     name: 'SansaStark',
     theimage: "https://upload.wikimedia.org/wikipedia/en/7/74/SophieTurnerasSansaStark.jpg"
    }
}

我可以显示其余内容，但不能显示图片。我的代码：

const renDataNew = Object.keys(this.props.newData).map((key, idx) => {
   let data = this.props.newData[key]
    return (
      <View key={idx} style={styles.myStyle1}>
        <Text style={styles.myStyle2}>{data.id} - {data.name}</Text>
        <Image
        style={{width: '100%', height: 600}}
        source={{uri:{data.theimage}}} //<= Error here expecting a ,
        />
      </View>

如果我直接在 Image 的 uri 源中使用 theimage 中的 url，它就可以工作。我做错了什么？

显示图像的正确方法是什么？非常感谢。

Answer 1

我觉得应该是：

<Image
  style={{width: '100%', height: 600}}
  source={{ uri: data.theimage }}
/>

您不需要在 data 对象周围添加额外的 {}。

无法在 React Native 中显示来自 Redux 状态的图像

Unable to show image from Redux state in ReactNative

react-native

redux

react-redux

react-native-image

react-image