Question

我是 react-native 的新手，我知道可以用不同的方式添加图片。

对于本地图像：

<Image source={require('/react-native/img/favicon.png')} />

对于远程图像：

<Image
    style={{width: 50, height: 50}}
    source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}}
/>

我想检查是否提供了链接。如果是，我想显示图像，如果没有，我想显示本地图像。我的代码如下所示：

var image = null
if (item && itame.image){
    image = item.image
}

const defaultImage = '/react-native/img/favicon.png'

return (
    <Image source={{ uri: image}} />
);

如何在source中检查图片是否为null并显示相应的图片？

Answer 1

我在评论中发布了答案，因此我会将其移至其他感兴趣的人：

<Image source={(image === null) ? defaultImage : { uri: image }} />

Image元素内的条件检查

1 个答案: