Как сделать квадратный аватар ListItem вместо круглого?

Question

Мне нужно сделать квадратный аватар. Как мне это сделать?

Я реализовал код listItem, предоставленный документом собственных элементов реагирования: https://react -native-training.github.io / react-native-elements / docs / listitem.html

Это работает хорошо, но в этой версии реагирует нативный элемент 1.1.0, я не знаю, как сделать квадратный аватар вместо круглого.

 <ListItem
        title={item.name}
        subtitle={item.subtitle}
        leftAvatar={{ source: { uri: item.icon } }}
    />

Мне нужно оставить аватар квадратуры, заполняющий высоту списка.

Answer 1

Вы можете указать rounded реквизит как false

с реквизитом:

<ListItem
    title={item.name}
    subtitle={item.subtitle}
    leftAvatar={{ source: { uri: item.icon }, rounded: false}}
/>

или с компонентом:

<ListItem
    title={item.name}
    subtitle={item.subtitle}
    leftAvatar={<Avatar source={{uri: item.icon}} rounded={false} /> }
/>

https://react -native-training.github.io / реагирует неместный-элементы / Docs / avatar.html # Аватар-реквизит