javascript - 反応ネイティブで onEndReached() と onRefresh() を「水平に」実装する方法

Question

私のアプリでは、flatlistスライドのように水平に単純なボックスのレンダリングリストを水平に持っています。

これが私のフラットリストです：

<FlatList
    data={[{key: 'a'}, {key: 'b'}, {key: 'c'}, {key: 'd'}, {key: 'e'}]}
    ref={(slider) => { this.slider = slider }}
    onEndReachedThreshold={1}
    onEndReached={() => {
        alert("onEndReached");
    }}
    refreshing={true}
    onRefresh={() => {
        alert("refreshing");
    }}
    renderItem={({item, index}) => (
        <View style={{
            paddingHorizontal: 5, 
            paddingVertical: 10,
        }}>
            <SlideItem><MText> Text {index} </MText></SlideItem>
        </View>
    )}
    horizontal={true}
/>

ここで、リストが最後に達したときに何らかのメソッドを呼び出したいと思います。だから私は実装しonEndReached()ました。しかし、リストの最後に到達したときではなく、スクロールしたときに最初に呼び出されました。

基本的に私の主な目的は、ユーザーがフラットリストの最後に到達したときに右側にさらにデータをロードし、ユーザーがフラットリストの最初の項目に到達したときに左側にさらにデータをロードすることです。

誰でも私を助けてください!!!