如何删除 React-native 中 FlatList 右侧的小箭头图标？

Question

我是 React-native 的新手。我想知道如何消除平面列表中的箭头图标？这是 FlatList 的屏幕截图：

这是我的代码：

<List containerStyle={{ flexDirection: 'column-reverse', borderTopWidth: 0, borderBottomWidth: 0 }} >
   <FlatList 
       data={this.state.record} 
       keyExtractor={((item, index) => "itemNo-" + index)}
       renderItem={({item}) => (
       <ListItem
           roundAvatar
           onPress={() => {this.props.navigation.navigate('Meaning', {data: (item.word_english +'\n' + item.word_arabic)} ); }}
           title={item.word_english}
           containerStyle={{ borderBottomWidth: 0 }}
        /> )}
      />
</List>

感谢您的帮助。

Answer 1

您似乎在使用 react-native-elements 版本 0.19.1。由于 roundAvatar 在 version 1.

中被弃用

要隐藏人字形，您需要做的就是使用 hideChevron 属性。您可以在 documentation 中看到 0.19.1。

<ListItem
  ...
  hideChevron={true}
/>

在 react-native-elements 版本 1+ 中 chevron 被自动隐藏。

如何删除 React-native 中 FlatList 右侧的小箭头图标？

How can I remove small arrow icon in right side of FlatList in React-native?

react-native

react-native-flatlist