Flutter使用PageView实现Swiper效果

late PageController _controller;

@override
void initState() {
    super.initState();
    // viewportFraction缩放比例1.0为满屏
  _controller = PageController(initialPage: 1, viewportFraction: 0.75);
}

_diaryPageViewBuilder(){
  return Container( height: 240,
      child: PageView(
      controller: _controller, 
      children: <Widget>[
        _itemCard(0), _itemCard(1), _itemCard(2), _itemCard(3)
      ]));
}

_itemCard(int i) {
  return Container(
    margin: EdgeInsets.symmetric(horizontal: 10.r),
    color: Colors.red,
    child: Text('$i'),
  );
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容