Wie implementieren Pull-up zu laden mehr in React Native mit ListView für Android?

Question

Es ist wie das Gegenteil von Pull-Down zu aktualisieren. ListView auf Android unterstützt keine Bounces.

Answer 1

Um unendliche Scroll auf ListView zu erreichen, können Sie onEndReached und renderFooter von ListView Komponente verwenden. Es könnte wie folgt aussieht (Sie nur renderFooter wenn onEndReached ausgelöst wird)

onEndReached() { 
    if (!this.state.waiting) { 
     this.setState({waiting: true}); 
     this.fetchData() // fetching new data, ended with this.setState({waiting: false}); 
    } 
} 

renderFooter() { 
    if (this.state.waiting) { 
     return <ActivityIndicator />; 
    } else { 
     return <Text>~</Text>; 
    } 
} 

render() { 
    return (
    <ListView 
     dataSource={this.state.dataSource} 
     renderRow={this.renderRow} 
     renderFooter={this.renderFooter} 
     onEndReached={this.onEndReached} 
    />); 
} 

Eine andere Möglichkeit ist es, einige Bibliotheken zu verwenden:

• https://github.com/exponentjs/react-native-infinite-scroll-view
• https://github.com/FaridSafi/react-native-gifted-listview

Ich habe versucht, mit Remobile, aber es war veraltet (und zu kompliziert, Sie müssen etwa 4-5 Methode implementieren, um diese Komponenten zu erfüllen t). Ich habe FaridSafi verwendet, es ist in Ordnung, aber die Aktualisierung erfolgt beim Klicken, nicht beim Ziehen.