Аватар ListItem не отображается

Question

Как часть 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 } }}

Answer 2

Согласно response-native-элементам они оставили аватар, а не просто аватар

<ListItem
        key={i}
        leftAvatar={{ source: { uri: l.avatar_url } }}
        title={l.name}
        subtitle={l.subtitle}
      />