json - 为什么来自 JSON 的图像未在 react native 的图像标签中呈现？

Question

我有一个 json 文件

{
        "name": "SAM",
        "id": "001",
        "default_image":"../assets/image.jpeg"
}

在我的组件中，我使用名为 default_image 的数据设置了一个名为 profile_image 的状态，但是当我这样使用它时，它会引发错误。

<Image 
    style={styles.image} 
    source={{uri: this.state.profile_image}}/>

我已经给出了宽度和高度，但它仍然会引发错误。我什至尝试了所有这些可能的格式，但没有成功。

<Image 
    style={styles.image} 
    source={{this.state.profile_image}}/>

<Image 
    style={styles.image} 
    source={require(this.state.profile_image)}/>

Answer 1

当使用 uri 显示图像时，它使用以下方式显示：

<Image style={{width:120, height:80,  marginTop:15,alignSelf:'center'}}
source={{uri: this.state.avatarSource}}/>

所以，你没有在这里犯任何语法错误。

问题在于您从 JSON 提供的图像的路径

尝试将您的 JSON 更改为：

{
        "name": "SAM",
        "id": "001",
        "default_image":"/assets/image.jpeg"
}