React Native FlatList 滚动事件不起作用

Question

This is my structure. Inside is a tab view with 3 screens. Each screen has a FlatList, the problem is here, the onEndReached of FlatList cannot be triggered ...

<ScrollView
    showsVerticalScrollIndicator={false}
    stickyHeaderIndices={[1]}
    endFillColor='#fff'
>
    <AddrTop address={address} />
    <HomeInput />     
    <Carousel />
    <TabBar />
    <MemberBenefit />
    <PreferentialArea />
    <HomeList /> 
</ScrollView>

HomeList , use react-native-tab-view

  <TabView
            navigationState={{index, routes}}
            renderScene={renderScene}
            onIndexChange={setIndex}
            renderTabBar={TabBar}
            lazy
            removeClippedSubviews
        />

screen

  <FlatList
            style={{marginTop: 5}}
            data={list}
            renderItem={({item}) => <ListItem data={item} />}
            keyExtractor={((item, index) => index.toString())}
            onEndReached={() =>console.log('cannot trigger)}
        />

Answer 1

As per React-Native Docs , onEndReached is called once when the scroll position gets within onEndReachedThreshold of the rendered content.

So, you'll need to add onEndReachedThreshold as well.

Something like

<FlatList
    onEndReached={() => console.log('onEndReached')}
    onEndReachedThreshold={0.5}
/>