フラッターページプルダウンリフレッシュとECLACのアップロードに

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.27

その後、導入ページ:

インポート' パッケージ: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を:ラジャにアップロード... // 準備テキスト 
     )、

 

おすすめ

転載: www.cnblogs.com/joe235/p/11286546.html