用户登录

暂时先注释掉之前我们添加的这个 Switch 小部件 .. 下面再试一下 SwitchListTile .. 在这个 Row 的上面,添加一个 SwitchListTile .. 小部件的 value 的值就是开关的值 .. 这个值可以使用之前我们定义的 _switchItemA 表示 ..

再给它添加一个 onChanged .. 方法接收一个 value 参数 .. 方法里面用一下 setState .. 把 _switchItemA 的值设置成 value 参数的值 ..

SwitchListTile 里面可以添加标题 .. 用一个 title 属性 .. 标题文字是 Switch Item A .. 它还可以有一个 subtitle ... 标题文字是 Description ..

secondary 这个小部件会在开关的另一边显示 .. 用一个 Icon ,具体要显示的图标可以判断一下 _switchItemA 的值 .. 如果它是 true .. 要显示的小图标是 Icons.visibility .. 如果是 false,显示的图标是 Icons.visibility_off ..

最后可以再添加一个 selected .. 它影响的是标题文字还有小图标的颜色是否使用 activeColor ,就是激活状态下的颜色 .. 它的值可以设置成 _switchItemA ..

下面再到模拟器上试一下 ..

切换开关的状态 .. 你会发现在 secondary 上的小图标也会有变化 ..

SwitchListTile:带标签与图标的开关《 Flutter 移动应用:输入 》

统计

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

社会化网络

关于

微信订阅号

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