本地图像作为整数返回 - React Native

Question

我正在尝试在我的 React 本机应用程序中显示本地图像。文档说你这样做的方式是做类似

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

它自己工作，但是如果我从中获取数据的 api 有一个空 url 对象，我试图将它作为条件逻辑传递进来。

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

当我执行此操作时，我得到“JSON 类型 NSNumber 的“1”的值无法转换为有效的 URL”。

好像不喜欢

的组合

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

和

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

有人能帮忙吗？

谢谢

Answer 1

我认为问题是您不能将 require() 的结果作为对象中的 URI 传递。而是尝试：

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

Answer 2

我认为 A. Goodale 可能是正确的。但如果由于某种原因 lambda 表达式不起作用，则尝试分离成一个函数。我相信 lambda 应该可以工作。

Answer 3

感谢您的帮助，上面的解决方案没有用，但它让我找到了这个可行的方法

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

local image is being returned as an integer - React Native