使用外部链接在地图函数中动态渲染React Native图像

Question

let result = this.state.yards.map( yard=> {
         return <View><Text style={{color:'black'}}><Text style= 
{{color:'darkslateblue', fontSize:18}}>{yard.name}</Text>{"\n"}{yard.coordinates}  {yard.photourl}</Text><Image source={require(yard.photourl)} /></View>
      });

yard.photourl表示在浏览器中可用的正确URL，但我似乎无法在this.state.items.map

中动态呈现此URL。

这些链接是公共aws链接。

帮助！

Answer 1

根据React Native documentation，使用以下语法加载网络映像：

<Image source={{uri: 'https://facebook.github.io/react/logo-og.png'}} style={{width: 400, height: 400}} />

请注意，您需要手动指定图像尺寸。