Мы пытаемся динамически добавлять компоненты 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
}
}}
/>