Реагируйте на собственный ScrollView, onEndReached не запускается - PullRequest
Новая
       55

Реагируйте на собственный ScrollView, onEndReached не запускается

0 голосов
/ 25 сентября 2019

Я пытаюсь создать функциональность «загрузить больше» в мой ScollView.В настоящее время у меня есть кнопка, которая при нажатии загружает больше элементов в ScrollView.Это все работает, как ожидалось.Тем не менее, я сейчас пытаюсь вызвать это, когда пользователь близок к концу ScrollView, но, к сожалению, функция не запускается.Я попытался изменить значения onEndReachedThreshold (больше и меньше), но безуспешно.Я вставил свой модуль возврата ниже.Вся помощь очень ценится. 

return (

        <View style={{ width: "100%", height: "100%" }}>
            <ScrollView showsVerticalScrollIndicator={false} onEndReachedThreshold={10} onEndReached={() => { console.log("end reached"); this.props.pEnd ? this.props.loadMore() : null }} refreshControl={<RefreshControl refreshing={this.props.refreshing} onRefresh={() => { this.props.getData(0) }} />} style={{ width: "100%", flexDirection: "column" }}>

                <View style={{ height: 10, width: "100%" }}></View>
                {scrollables}
                {this.props.pEnd ? null : <View style={{ height: 25, width: "100%", flexDirection: "row", justifyContent: "center", alignItems: "center" }}>
                    <TouchableOpacity
                        style={{ height: "100%", width: 100, backgroundColor: "white", borderRadius: 20, padding: 2, justifyContent: "center", alignItems: "center" }}
                        onPress={() => { this.props.loadMore() }}>
                        <Text>Load Older...</Text>
                    </TouchableOpacity>
                </View>}


                <View style={{ width: "100%", height: "10%", paddingBottom: "20%" }}></View>
            </ScrollView>

        </View>);
...