Как убрать маленький значок стрелки в правой части FlatList в React-native? - PullRequest
Новая
       10

Как убрать маленький значок стрелки в правой части FlatList в React-native?

0 голосов
/ 28 февраля 2019

Я новичок в React-native.Я хочу знать, как я могу устранить значок стрелки в моем плоском списке?Вот скриншот FlatList:

10

А вот мой код: 

<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>

Спасибо за вашу помощь.

1 Ответ

0 голосов
/ 28 февраля 2019

Похоже, вы используете react-native-elements версию 0.19.1.Из-за того, что roundAvatar устарел в версии 1 .

Чтобы скрыть шеврон, все, что вам нужно сделать, это использовать опору hideChevron.Вы можете увидеть это в документации для 0.19.1. 

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

В react-native-elements версии 1+ шеврон автоматически скрывается.

...