плоский список заикается на арабском c языке - PullRequest
0 голосов
/ 01 мая 2020

Я использую плоский список для горизонтального отображения продуктов. Когда я использую приложение в RTL-режиме Engli sh, тогда Flatlist работает нормально, после переключения Arabi c LTR на заикание Flatlist, после перетаскивания это происходит снова, когда я начинаю перетаскивать элементы Flatlist.

<ScrollView>
  <FlatList
    contentContainerStyle={styles.flatlist}
    data={list}
    keyExtractor={(item) => `post__${item.id}`}
    renderItem={this.renderItem}
    showsHorizontalScrollIndicator={false}
    horizontal
    pagingEnabled={isPaging}
    onEndReached={false && this._nextPosts}
  />
</ScrollView>

1 Ответ

0 голосов
/ 01 мая 2020
<ScrollView
  horizontal
  style={{ flexDirection: I18nManager.isRTL ? 'row-reverse' : 'row' }}
>
  <FlatList
    contentContainerStyle={styles.flatlist}
    data={list}
    keyExtractor={(item) => `post__${item.id}`}
    renderItem={this.renderItem}
    showsHorizontalScrollIndicator={false}
    horizontal
    pagingEnabled={isPaging}
    onEndReached={false && this._nextPosts}
  />
</ScrollView>

Я обнаружил, что решение должно добавить строку

horizontal
style={{ flexDirection: I18nManager.isRTL ? 'row-reverse' : 'row' }}

в ScrollView.

https://github.com/facebook/react-native/issues/11960#issuecomment -278918568

...