用户登录

Switch,开关 .. 你可以把它用在一些配置界面上,用它表示选项的启用或者禁用 .. 在这个 Switch 的演示里面 .. 添加一个 Switch 小部件 .. 它需要一个 value 属性,属性的值就是这个开关表示的值 .. 开关的值只能是 true 或者 false ..

这个值可以使用一个属性来表示 .. 比如 _switchItemA .. 上面再去定义一下它 .. 类型是 bool ,布尔值 .. 名字叫 _switchItemA .. 默认让它的值等于 false ..

开关状态有变化的时候会触发执行 onChanged ... 添加一个 onChanged ... 如果它是 null 的话,这个开关会是一个禁用的状态 ... 这里可以给它设置一个方法 .. 方法接受一个 value 参数 .. 这个 value 表示的就是开关的值 ..

方法里面用一下 setState ... 去把 _switchItemA 的值设置成这个 value 的值 ..

按一个这个开关 .. 可以切换它的开启状态 ..

下面我们在这个开关的上面再添加一个 Text ... 要显示的文字可以判断一下 _switchItemA 的值 .. 如果它是 true,就显示一个笑脸表情符号 ..

如果是 false ,就显示另一种表情 .. 添加一个 style 设置一下文字的样式 .. TextStyle .. 里面用一下 fontSize ,把字号设置成 32.0 ..

再到模拟器上试一下这个开关 ..

界面上显示的这个表情符号会根据开关的状态变化 ..

Switch:开关《 Flutter 移动应用:输入 》

统计

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

社会化网络

关于

微信订阅号

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