web-dev-qa-db-ja.com

反応ネイティブでFlatListのリフレッシュインジケータを設定するにはどうすればよいですか？

私は反応ネイティブでフラットリストのリフレッシュインジケータを設定しようとしていますが、それを行う方法がわかりません。リストビューにはこの小道具があります：

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

ただし、フラットリストには次のものしかありません。

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

私は解決策を見つけました！それはダミーかもしれませんが、FlatListにはListViewのようなrefreshControlと呼ばれる小道具もありますが、私はそれをテストしませんでした！ちょうどこのような：

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

上記で示したのと同じrenderScrollComponentコンポーネントを使用して、RefreshControlをFlatListコンポーネントに渡すことができます。このための博覧会のスナックを作成しました： https://snack.expo.io/rJ7a6BCvW

FlatListはそれ自体でVirtualizedListを使用しており、VirtualizedListコンポーネントの場合、renderScrollComponentを取ります。 https://facebook.github.io/react-native/docs/virtualizedlist.html#renderscrollcomponent =

1
dotcomXY