React Native图像源未显示

Question

我正在尝试在React Native中检索<Image>组件的图像数据。问题是我要从中获取数据的API有时没有图像源。所以我有这段代码来检查source.uri是否不为空，如果是该图像，将替换为我在项目中保存的图像。问题是，当source.uri为null时，我的图像没有出现，而是有一个空格。

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

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

Answer 1

我想您的“ noImage”不是网络链接，因此您需要使用require

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

Answer 2

您可能可以尝试这样做。

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')}}/>
)}