локальное изображение возвращается как целое число - React Native

Question

Я пытаюсь отобразить локальное изображение в своем собственном приложении реакции. Документы говорят, что вы делаете это, делая что-то вроде

<Image source={require('./my-icon.png')} />;

Это работает само по себе, однако я пытаюсь передать это как условную логику, если API, от которого я получаю данные, имеет нулевой объект url.

<Image source={{uri: article.urlToImage || require("./awaiting.png")}}/>

Когда я делаю это, я получаю 'значение JSON' 1 'типа NSNumber не может быть преобразовано в действительный URL'.

Кажется, не нравится комбинация

<Image source={{uri: article.urlToImage }}/>

и

<Image source={require('./awaiting.png')} />

Может кто-нибудь помочь?

Спасибо

Answer 1

Я думаю, А. Гудейл может быть прав. Но если по какой-то причине лямбда-выражение не работает, попробуйте разделить его на функцию. Я считаю, что лямбда должна работать.

Answer 2

Спасибо за помощь, вышеупомянутое решение не сработало, но оно позволило мне перейти к этому, который работает

        <Image source={urlToImage ? { uri: urlToImage } : require("./awaiting.png")}/>

Answer 3

Я думаю, проблема в том, что вы не можете передать результат require() в качестве URI в объекте. Вместо этого попробуйте:

<Image source={urlToImage ? { uri: urlToImage } || require("./awaiting.png")}/>