ScrollView в FlatList Dynami c загрузка контента - PullRequest
0 голосов
/ 22 апреля 2020

Мы пытаемся динамически добавлять компоненты ScrollView в горизонтальный FlatList. К сожалению, при динамическом добавлении элементов в FlatList производительность ScrollView плохая и всегда возвращается к верхней позиции. Каковы наилучшие технические настройки для достижения того же результата, что и в виде статьи в приложении CNN (прокрутка по вертикали, прокрутка между статьями по горизонтали)?

Все статьи загружаются из внешнего API (HTTP-запрос)

<FlatList
  style={{flex:1}}
          data={this.state.items}
          pagingEnabled={true}
          renderItem={renderItem}
          horizontal={true}
          onEndReachedThreshold={0.5}
          removeClippedSubviews={true}
          keyExtractor={(item) => {item.id.toString() }}
          onEndReached={async (e) => {
            // Add items to bottom of array
          }}
          onScroll={async (e) => {
            if (e.nativeEvent.contentOffset.x == 0) {
              // Add items to top of array 
            }
          }}
/>

The layout we need

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...