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效果
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 继续Flutter系列博客的更新,google在昨天12月14日发布了Flutter的1.0(Stable)版本,...
- 通常分为以下五个步骤 下载插件 加载插件 HTML内容 定义大小 初始化 第一步:下载swiper插件 第二步:在...
- late PageController _controller;@overridevoid initState()...
- 先上个效果图: 最近在看Draggable源码,在其中有这么一段: _DragAvatar是Draggable中的...