27 Flutter PageView(ViewPager2)

本文详细介绍了Flutter中的PageView组件,包括其主要属性如scrollDirection、PageController等,并提供了结合PageController实现轮播图的具体示例代码。

Flutter PageView

————————功能与Android中ViewPager2 基本相同,可以做轮播图,也可以做短视频功上下页面

1.属性

scrollDirection 水平或者竖直滑动
reverse 是否反向
PageController 页面控制器
ScrollPhysics 确定可滚动控件的物理特性
onPageChanged 页面改变
children 装item
dragStartBehavior DragStartBehavior.start 或者dragStartBehavior.down
clipBehavior 剪切样式
restorationId Flutter状态保存机制

注意:ScrollPhysics

首先介绍 ScrollPhysics ,在 Flutter 官方的介绍中,ScrollPhysics 的作用是 确定可滚动控件的物理特性, 常见的有以下四大金刚:

BouncingScrollPhysics :允许滚动超出边界,但之后内容会反弹回来。
ClampingScrollPhysics : 防止滚动超出边界,夹住 。
AlwaysScrollableScrollPhysics :始终响应用户的滚动。
NeverScrollableScrollPhysics :不响应用户的滚动。

2.简单使用

PageView(
      children: [MyContainer(), MyContainer2(), MyContainer3()],
);
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @overr
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值