虎視眈々と

Flutter × Firebaseを研究するアプリエンジニア

Flutterでスライドで画像を切り替える

f:id:superman199323:20181127000808j:plain

Flutterでスライドで画像を切り替える

Flutterで画像の切り替えについて説明します。

特にプラグインなどは使いません。

実装

実装は PageView.builderを使います。

docs.flutter.io

  • まずは画像リストを用意する
var pageList = <Widget>[
    Image.asset("assets/top1.jpg"),
    Image.asset("assets/top2.jpg")
  ];

  • 用意した画像を切り替えようにする
PageView.builder(
    itemCount: pageList.length,
    itemBuilder: (context, index) {
    return pageList[index];
  }),

これで実装完了です。