16、Flutter Widget - PageView;

Melrose發表於2019-03-29

  要實現在安卓上的ViewPager可以使用PageView控制元件。

建立PageController

final controller=PageController(initialPage:1,);
複製程式碼

  PageController可以管理滑動的監聽並提供動畫,使用initialPage來設定開始的頁面;

建立PageView

final pageView = PageView(
   controller:controller,
   children:[
    MyPage1Widget(),
    MyPage2Widget()
   ],
);
複製程式碼

  如果想設定垂直方向滾動可以設定scrollDirection屬性:

class PageViewDemo extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    final controller = PageController(initialPage: 1);
    return PageView(
      scrollDirection: Axis.vertical,
      controller: controller,
      children: <Widget>[
        Text("1"),
        Text("2"),
        Text("3"),
      ],
    );
  }
}
複製程式碼

相關文章