如何在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。由于version 1中已弃用roundAvatar。

要隐藏人字形，您所需要做的就是使用hideChevron道具。您可以在0.19.1的{​​{3}}中看到它。

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

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