ホームページ >ウェブフロントエンド >jsチュートリアル >React Native の RefreshContorl ドロップダウン更新チュートリアル

React Native の RefreshContorl ドロップダウン更新チュートリアル

小云云
小云云オリジナル
2018-01-27 11:19:381565ブラウズ

アプリにはプルダウン読み込みがあり、React Native にも同様のコントロールがあることはわかっていますが、この記事では主に React Native での RefreshContorl プルダウン更新の使用法を紹介します。

1. 属性メソッド

(1) ビューの更新が開始されるときに onRefresh 関数が呼び出されます

(2) Refreshing bool 更新時にビューにインジケーターを表示するかどうか、また現在更新中かどうかも示します

(3) 色 [ColorPropType] Android プラットフォームは、ローディング インジケーターの色の設定に適しています。少なくとも 1 つ、最大 4 つまで設定できます

(4) Enabled bool Android プラットフォームは、ローディング インジケーターの色の設定に適しています。プルダウン更新機能が利用可能です

(5) progressBackgroundColor ColorPropType 読み込み進行状況インジケーターの背景色を設定します

(6) size RefreshLayoutConsts.SIZE.DEFAULT Androidプラットフォームに適用される読み込み進行状況インジケーターのサイズ

( 7) tinyColor ColorPropType iOS プラットフォームに適用可能 読み込み進行状況インジケーターの色を設定します

( 8) title string iOS プラットフォームに適用可能で、読み込み進行状況インジケーターの下のタイトルテキスト情報を設定します

2. 使用方法


rreee

ローディングエフェクトが表示されます。

関連推奨事項:

mescroll.js プルアップ読み込み プルダウンリフレッシュコンポーネントの詳細説明

dropload.js プラグインのプルダウンリフレッシュとプルアップ読み込み方法

プルの実装方法- WeChatアプレットリスト分析のダウンリフレッシュとプルアップロード

以上がReact Native の RefreshContorl ドロップダウン更新チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。