如何呈现方形ListItem头像而不是圆形？

Question

我需要渲染方形头像。我该怎么办？

我已经实现了react本机元素文档https://react-native-training.github.io/react-native-elements/docs/listitem.html

提供的listItem代码。

效果很好，但是在此版本的react native元素1.1.0中，我不知道如何渲染方形头像而不是圆形。

'& p'

我需要让Squar头像填满listview高度。

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/react-native-elements/docs/avatar.html#avatar-props