facebook twitter hatena line email

Flutter/UI/PageView

提供: 初心者エンジニアの簡易メモ
2020年1月21日 (火) 00:13時点におけるAdmin (トーク | 投稿記録)による版 (ページの作成:「==PageView基本== <pre> PageView( children: <Widget>[ Container( color: Colors.pink, ), Container( color: Colors.cyan, ), Container(...」)

(差分) ←前の版 | 最新版 (差分) | 次の版→ (差分)
移動: 案内検索

PageView基本

PageView(
  children: <Widget>[
    Container(
      color: Colors.pink,
    ),
    Container(
      color: Colors.cyan,
    ),
    Container(
      color: Colors.deepPurple,
    ),
  ],
)

無限

PageView.builder(
  itemBuilder: (context, position) {
    return Container(
      color: position % 2 == 0 ? Colors.pink : Colors.cyan,
    );
  },
)

参考

https://medium.com/flutter-community/a-deep-dive-into-pageview-in-flutter-with-custom-transitions-581d9ea6dded