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"
}

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

1 个答案: