Индекс прокрутки набора «Собственный плоский список» не работает - PullRequest
Новая
       11

Индекс прокрутки набора «Собственный плоский список» не работает

0 голосов
/ 18 февраля 2020

Я использую 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});

Я много пробовал гуглить, но не смог найти никакого решения. Заранее спасибо.

...