flutter_easyrefresh
名前が示すように、EasyRefreshは簡単にドロップダウンのリフレッシュに行われ、ラジャがフラッターアプリケーションの操作をアップロード、それはフラッターコントロールのほぼすべてをサポートしています。その機能は、AndroidのSmartRefreshLayoutと非常に類似しており、また、利点三者のライブラリの多くのことを学びました。EasyRefreshは、ヘッダーとフッターの様々なスタイルで統合が、それは制限がありません、あなたは簡単にカスタマイズすることができます。使用フラッター強力なアニメーション、あるいは単純な制御も行うことができます。フラッターEasyRefreshの目標は、強力な、安定した、成熟したリフレッシュドロップダウン枠組みを構築することです。githubの住所:https://github.com/xuelongqy/flutter_easyrefresh
機能の特徴:
- サポートAndorid(ヘイロー)、IOS(クロスボーダーリバウンド)の影響
- これは、ほとんどのウィジェットをサポートしています
- カスタム統合をサポートし、クールなヘッダーとフッターをたくさん持っています
- サポートドロップダウンリフレッシュ、ECLACの負荷(自動)
- の浮動と埋め込み二つの形式のサポートリストヘッダーとフッタービュー
- イベントリスナーは、ヘッダーとフッターの外観を作り、リストをサポートし、どこにでも配置することができます
- 最初にリフレッシュする時間とカスタムビューのサポート
- カスタム空のリストビューのサポート
ドロップダウンリフレッシュとラジャのアップロード機能を実現するためのプラグインを使用するeasy_refresh。
1. pubspec.yamlに依存関係を追加します。
flutter_easyrefresh:^ 1.2。7
その後、導入ページ:
インポート' パッケージ:flutter_easyrefresh / easy_refresh.dart ' ;
2.レイアウトファイルにEasyreFreshを追加
// 方式一 EasyRefresh( 子:ScrollView()、 onRefresh:()非同期{ ... } のonLoad():非同期{ ... } ) // 方式二 EasyRefresh.custom( スライバ: <ウィジェット> []、 onRefresh:()非同期{ ... } のonLoad():非同期{ ... } ) // 方式三 EasyRefresh.builder( ビルダー:(コンテキスト、物理学、ヘッダ、フッタ){ リターンCustomScrollView( 物理学:物理学、 スライバ: <ウィジェット> [ ... ヘッダ、 ... フッタ、 ] )。 } onRefresh:()非同期{ ... } のonLoad():非同期{ ... } )
3.トリガーリフレッシュとロードアクション
EasyRefreshController _controller = EasyRefreshController()。
....
EasyRefresh(
コントローラ:_controller、
....
)。
....
_controller.callRefresh()。
_controller.callLoad()。
4.負荷制御リフレッシュが完了し、
EasyRefreshController _controller = EasyRefreshController()。 .... EasyRefresh( enableControlFinishRefresh:真、 enableControlFinishLoad:真、 .... )。 .... _controller.finishRefresh(成功:真); _controller.callLoad(成功:真、NOMORE:偽);
生産上のラジャオーバードライブ効果
このプラグインを使用すると、リストビューであることを、私たちを必要とするので、私たちは、リストビューに変換前のコードを、変換する必要があります。
返すEasyRefresh( 子供:リストビュー( 子供: <ウィジェット> [ ... ... ] )、 loadMore:()非同期 { // より多くのコールバックメソッドの 印刷(「......もっとロードを開始します" ); VAR FORMDATA = { ' ページ' :ページ}; のawaitの要求(' homePageBelowConten ' 、FORMDATA:FORMDATA).then((ヴァル){ VARのデータ= JSON.decode(val.toString())。 リスト<地図> newGoodsList =(データ[ ' データ' ] としてリスト).cast(); SETSTATE((){ hotGoodsList.addAll(newGoodsList); ページ ++ ; }); }); }、 )。
カスタムのアップロードにLAC効果
refreshFooter:ClassicsFooter(// カスタムrefreshFooter キー:_footerkey、 はbgColor:Colors.white、 の、textColor:Colors.red、 moreInfoColor:Colors.red、// テキストの色ロード showMore:trueに、 noMoreText:'' 、 MOREINFO:「ロード」、// ロードしたときに表示されるテキスト loadReadyTextを:「ラジャにアップロード... 」、// 準備テキスト )、