React Нативный источник изображения не отображается

Question

Я пытаюсь получить данные изображения для <Image> компонента в React Native.

Проблема в том, что API Я получаю данные, которые иногда не имеют источника изображения. Таким образом, у меня есть этот код, чтобы проверить, не является ли source.uri не пустым, и если это изображение будет заменено на тот, который я сохранил в проекте. Проблема в том, что когда source.uri равно нулю, мое изображение не появляется, и вместо этого появляется черное пространство.

import noImage from '../assets/noImage.jpg'
render()
{
    return (
        <Image
            style={{ width: SCREEN_WIDTH / 3, height: 13 }}
            borderRadius="10"
            resizeMode="stretch"
            source={item.restaurant.thumb ? { uri: item.restaurant.thumb } : { noImage }} />
    );
}

Answer 1

Возможно, вы могли бы попробовать это.

render(){
    return(
        <Image style={{width:SCREEN_WIDTH/3, height:130}} borderRadius="10" resizeMode="stretch" source={item.restaurant.thumb ? {uri: item.restaurant.thumb} : require('../assets/noImage.jpg')}}/>
)}

+ require('../assets/noImage.jpg')

- import noImage from '../assets/noImage.jpg'

- {noImage}

Answer 2

Полагаю, ваше noImage не является веб-ссылкой, поэтому вам нужно использовать require

source={item.restaurant.thumb ? {uri: item.restaurant.thumb} : require('path/noImage.png'})}