在 ListItem 的 React Native Elements 文档(https://react-native-training.github.io/react-native-elements/docs/listitem.html#linear-gradient-scale-feedback)中, ListItem 的按钮之间有填充它们是圆形的。
但是,当我尝试执行以下操作(直接来自文档)时,它不会产生相同的样式:
<ListItem
Component={TouchableScale}
friction={90} //
tension={100} // These props are passed to the parent component (here TouchableScale)
activeScale={0.95} //
linearGradientProps={{
colors: ['#FF9800', '#F44336'],
start: [1, 0],
end: [0.2, 0],
}}
ViewComponent={LinearGradient} // Only if no expo
leftAvatar={{ rounded: true, source: { uri: avatar_url } }}
title="Chris Jackson"
titleStyle={{ color: 'white', fontWeight: 'bold' }}
subtitleStyle={{ color: 'white' }}
subtitle="Vice Chairman"
chevronColor="white"
chevron
/>
此外,我尝试添加垫和分隔道具,但这不会产生正确的外观。
如何为单个 ListItem 组件设置样式以匹配此样式?