Wie setze ich Refresh Indicator von FlatList in reaktiv nativ?

Question

Ich versuche, das Auffrischungsindikator der flachen Liste in nativen reagieren, aber nicht wissen, wie es geht. Listenansicht hat diese prop:

refreshControl={<RefreshControl 
         colors={["#9Bd35A", "#689F38"]} 
         refreshing={this.props.refreshing} 
         onRefresh={this._onRefresh.bind(this)} 
        /> 
       } 

Aber Wohnung Liste hat nur diese:

refreshing={this.props.loading} 
onRefresh={this._onRefresh.bind(this)} 

Answer 1

ich die Lösung gefunden! Es könnte der Dummy sein, aber FlatList hat auch eine Prop namens refreshControl wie ListView, aber ich habe es einfach nicht getestet! Genau wie folgt aus:

refreshControl={ 
    <RefreshControl 
     colors={["#9Bd35A", "#689F38"]} 
     refreshing={this.props.refreshing} 
     onRefresh={this._onRefresh.bind(this)} 
    /> 
} 

Answer 2

Sie in der renderScrollComponent auf Ihre FlatList Komponente mit der gleichen RefreshControl Komponente passieren können Sie oben gezeigt haben. Ich habe eine expo Snack für diese erstellt: https://snack.expo.io/rJ7a6BCvW

Die FlatList mit VirtualizedList in sich selbst ist, und für VirtualizedList Komponente, dauert es eine renderScrollComponent: https://facebook.github.io/react-native/docs/virtualizedlist.html#renderscrollcomponent