我是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}} />
);
如何在源代码中检查图像是否为空并显示适当的图像?
解决方法:
我在评论中发布了答案,因此我会将其移给其他感兴趣的人:
<图片来源= {(图片=== null)? defaultImage:{uri:image}} />