用户登录

PageView,页面视图 .. 一个页面视图里面可以包含一些页面 .. 用户可以一页一页的水平或者垂直滚动显示这些页面 ..

一个简单的 PageView 可以直接使用 PageView 小部件 .. 在它的 children 属性里面直接放一些小部件就行了 .. 添加一个 PageView .. 设置一下它的 children 属性的值 .. 这个值是一组 Widget ..

可以用一个 Container .. 里面添加一个 color 属性设置一下这个容器的背景颜色 .. Colors.brown[900] ... 再添加一个 alignment 设置一下子部件的对齐 .. 让它居中,可以把 Alignment 的 x 还有 y 的值都设置成 0.0 ..

child 是它的子部件 .. 用一个简单的 Text .. 显示点文字 .. ONE .. 再用一个 style 设置一下文字的样式 .. 样式是 TextStyle .. fontsize .. 是字号 .. 大小是 32.0 ... color 是文字的颜色 .. 颜色使用白色 ..

现在我们的这个页面视图里面只有一个项目 .. 再复制两份 .. 修改一下容器的背景颜色 .. 这个可以用一下 grey[900] .. 显示的文字是 TWO .. 最后这个项目的容器的颜色设置成 blueGrey[900] ... 要显示的文字是 THREE ..

这样我就做好了一个简单的页面视图 .. 里面有三个项目 .. 按住 .. 然后拖动可以切换显示不同的项目 ..

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

统计

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

社会化网络

关于

微信订阅号

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