web-dev-qa-db-fra.com

Comment définir l'indicateur d'actualisation de FlatList dans réagit-il natif?

J'essaie de définir l'indicateur d'actualisation de la liste à plat dans réagit natif mais je ne sais pas comment le faire. La vue liste a cet accessoire:

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

Mais Flat List a seulement ceux-ci:

refreshing={this.props.loading}
onRefresh={this._onRefresh.bind(this)}
androidreact-nativereact-native-flatlist
5
AhmadReza Saboor

J'ai trouvé la solution! C'est peut-être le mannequin mais FlatList a aussi un accessoire appelé refreshControl comme ListView mais je ne l'ai tout simplement pas testé! Juste comme ça:

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

Vous pouvez transmettre la variable renderScrollComponent à votre composant FlatList avec le même composant RefreshControl que vous avez présenté ci-dessus. J'ai créé une collation d'expo pour cela: https://snack.expo.io/rJ7a6BCvW

FlatList utilise VirtualizedList en lui-même et, pour le composant VirtualizedList, il prend renderScrollComponent: https://facebook.github.io/react-native/docs/virtualizedlist.html#renderscrollcomponent

1
dotcomXY