用户登录

按住,然后左右拖动.. 第二个项目的显示如果不到一半,松开手,页面回弹回来 .. 如果拖动超过了一半 .. 松开手 .. 页面会翻过去 .. 这个效果叫 pageSnapping .. 默认它的值是 true .. 不打算用这个效果,可以在 PageView 里面,添加一个 pageSnapping .. 把它的值设置成 false ..

现在我们可以把页面滚动到任意的位置上 .. 页面不会自动的翻过去 .. 或者弹回来 ..

PageView 里面还有个 reverse 选项 .. 表示倒置 .. 添加一个 reverse .. 把它设置成 true ..

这样之前的最后一个项目会变成第一个项目 .. 第一个项目现在会变成最后一个项目 ..

scrollDirection,这个属性可以控制页面视图滚动的方法 .. 默认是水平滚动 .. 我们也可以把它设置成垂直滚动 ... 添加一个 scrollDirection .. 它的值设置成 Axis.vertical .. 默认它的值是 Axis.horizontal..

现在,我们这个页面视图,可以垂直滚动显示不同的页面 ..

页面在可视口中间显示的时候会触发一个回调 .. 它的名字是 onPageChanged .. 接收一个整数类型的参数 .. 起个名字可以叫它 currentPage .. 先简单的在调试控制台上输出点文字 ... 用一下 debugPrint .. 输出一个 page: 加上 $currentPage ..

shift + command + Y ,打开调试控制台 ..

切换一下页面视图上显示的页面 .. 在控制台上会输出对应的页面的索引号 .. 这个索引号是从 0 开始的 .. 也就是第一个页面的索引值是 0 .. 第二个页面是 1 ... 第三个页面是 2 ..

PageView:页面视图的属性《 Flutter 移动应用:视图 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点