PageView:用 PageController 调整页面的显示

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

PageController 是控制 PageView 小部件上显示的页面用的一个对象 .. 先试一下它里面的几个属性 .. 在 PageView 小部件里面添加一个 controller 属性 ... 它的值是一个 PageController ..

这个 PageController 里的 initialPage 属性控制的是初始要显示的页面 .. 默认它的值是 0 ,也就是一开始显示的是第一个页面 .. 我们可以把它的值设置成 1 ..

打开命令面板 .. 搜索一下 hot restart .. 执行一个命令 ..

再打开视图演示标签 .. 你会发现,现在显示的是页面视图里的第二个页面上的内容 .. 因为 PageController 里的 intialPage 属性的值我们把它设置成了 1 ..

默认 PageView 会记住用户滚动到的那个页面 .. 不想记住的话,可以把 keepPage 的值设置成 false ... 默认它的值是 true ...

页面占用的可视口的比例可以使用 viewportFraction 属性设置一下 .. 默认它的值是 1.0 ,就是页面会占满整个可视口 .. 让它占用 85% .. 可以把 viewportFraction 的值设置成 0.85 ..

这个占用的比例是根据滚动的方向调整的 .. 也就是如果页面视图是水平滚动 .. 就会占用水平方向的 85% .. 再试一下 .. 把页面视图的滚动方向设置成垂直 ... 现在页面会占用垂直方向的可视口的 85% ..

PageView:用 PageController 调整页面的显示《 Flutter 移动应用:视图 》

统计

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

社会化网络

关于

微信订阅号

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