美文网首页
Flutter使用PageView实现Swiper效果

Flutter使用PageView实现Swiper效果

作者: 非新生代菜鸟 | 来源:发表于2024-01-12 00:04 被阅读0次
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'),
  );
}

相关文章

网友评论

      本文标题:Flutter使用PageView实现Swiper效果

      本文链接:https://www.haomeiwen.com/subject/rirtodtx.html