列表项头像不显示

Question

作为 a 的一部分FlatList，我渲染了每个ListItem（来自react-native-elements库），我尝试在其中显示从 url 到照片的头像（图标）：

  <ListItem
     avatar={{ source: { uri: item.icon } }} 
   />

所有其他道具显示正常，但在每个单元格的左侧，我只看到一个灰色框。我已经记录了的值，item.icon它指向了一张有效的照片。我需要下载照片然后提供它的本地链接吗？

如何让照片显示为单元格的头像？

Answer 1

您使用了错误的对象作为图像头像。

稳定版

任何一个

avatar={{ uri: item.icon }}

或者

avatar={<Avatar
           rounded
           source={{uri: item.icon}}
           title={'Sample Title'}
       />}

leftAvatar={{ source: { uri: item.icon } }}