用户登录

Stepper,步骤小部件 .. 可以用它展示用户需要完成一系列的步骤 .. 在这个 Stepper 演示里面 .. 我们可以先用一个 Theme .. 覆盖掉应用的部分主题的配置 .. 一个 data 属性 .. 它的值用一下 Theme.of context .. copyWith .. 里面重新设置一下主题的 primaryColor .. 颜色可以设置成黑色 ..

在它的 child 里面 .. 可以使用一个 Stepper .. 步骤要放在它的 steps 里面 .. 它的值是一个列表 .. 列表里面的每个项目都是一个 Step 小部件 .. 表示一个步骤 ..

每个 Step 都有一个 title 标题.. 标题文字是 Login .. 还可以设置一个副标题 .. 添加一个 subtitle .. 步骤的具体内容可以放在 content 属性里面 .. 先用一个 Text 添加点文字 .. 插入一行随机文字 .. 编辑器上安装了 lorem 插件以后,可以搜索一下 lorem,选择插入行 ..

现在应用的界面上显示的就是一个步骤 .. isActive 属性表示的就是步骤的激活状态 .. true 就表示这个步骤是激活的状态 ...

复制两份这个 Step .. 修改一下它里面的内容 ..

屏幕上如果报错的话,可以执行一下 Host restart ..

重新再打开 Stepper 演示页面 ..

现在界面上显示的就是一组步骤 .. 每个步骤都有一个序号 .. 标题,副标题,步骤的内容,还有一个继续与取消按钮 ..

Stepper:步骤《 Flutter 移动应用:MDC 》

统计

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

社会化网络

关于

微信订阅号

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