RefreshControl(リフレッシュコントロール)
このコンポーネントは、ScrollViewまたはListView内で使用され、プルして更新する機能を追加します。 ScrollViewがscrollY: 0
にある場合、下にスワイプするとonRefresh
イベントがトリガーされます。
例
注:
refreshing
は制御されたpropです。そのため、onRefresh
関数でtrue
に設定する必要があります。そうしないと、更新インジケーターはすぐに停止します。
リファレンス
Props(プロパティ)
View Props(ビューのプロパティ)
View Props(ビューのプロパティ)を継承します。
必須refreshing
ビューがアクティブな更新を示しているかどうか。
タイプ |
---|
boolean(真偽値) |
colors(色)
Android
更新インジケーターの描画に使用される色(少なくとも1つ)。
タイプ |
---|
colors(色)の配列 |
enabled(有効)
Android
プルして更新する機能が有効かどうか。
タイプ | デフォルト |
---|---|
boolean(真偽値) | true(真) |
onRefresh
ビューの更新が開始されたときに呼び出されます。
タイプ |
---|
function(関数) |
progressBackgroundColor (プログレスバーの背景色)
Android
更新インジケーターの背景色。
タイプ |
---|
color (色) |
progressViewOffset
プログレスビューの上部オフセット。
タイプ | デフォルト |
---|---|
number(数値) | 0 |
size(サイズ)
Android
更新インジケーターのサイズ。
タイプ | デフォルト |
---|---|
enum('default' , 'large' ) (列挙型) | 'default'(デフォルト) |
tintColor (ティントカラー)
iOS
更新インジケーターの色。
タイプ |
---|
color (色) |
title(タイトル)
iOS
更新インジケーターの下に表示されるタイトル。
タイプ |
---|
string(文字列) |
titleColor (タイトルの色)
iOS
更新インジケーターのタイトルの色。
タイプ |
---|
color (色) |