Я использую React Native Flat List
и пытаюсь показать список товаров. У меня есть кнопка Load More
. Когда эта кнопка нажата, список продуктов обновляется с добавлением новых продуктов, а затем с помощью initialScrollIndex Я сбрасываю позицию прокрутки для новых продуктов.
Впервые работает нормально, принимая во внимание только что добавленный первый продукт. Но со второго раза, каждый раз, когда я нажимаю, чтобы загрузить больше, он сначала правильно устанавливает прокрутку, а затем внезапно снова сбрасывает ее в другое положение. И каждый раз на одну и ту же позицию.
<FlatList
data={this.state.products}
renderItem={({ item }) => (
<Product
item={item}
addItemsToCart={this.addItemsToCart}
product={item}
navigation={this.props.navigation}
/>
)}
keyExtractor={item => item.id}
numColumns={2}
ListHeaderComponent={<SortingModal applySorting={this.applySorting} />}
ref={(ref) => { this.flatListRef = ref; }}
initialScrollIndex={(this.state.page - 1) * 5} //page is initially 1 and iterated each load more press
/>
Я также пытался
this.flatListRef.scrollToIndex({animated: true, index: randomIndex});
Я много пробовал гуглить, но не смог найти никакого решения. Заранее спасибо.