Почему изображение из JSON не отображается в теге изображения в реагировать родной?

Question

У меня есть файл json

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

В моем компоненте я установил состояние с именем profile_image с этими данными, называемыми default_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"
}