用户登录

Radio,单选按钮。单选按钮有自己表示的那个值,还有一个群组值。这个群组值表示的就是在一组单选按钮里面的值.. 这个值决定了在一组单选按钮里的单选按钮的选中的状态 .. 比如有一组单选按钮让用户选择自己的性别,可能有三个单选按钮,男,女,还有中性。这组单选按钮的群组值是性别,也就是,如果选择男这个单选按钮,那男这个单选按钮就会是被选中的状态,这组单选按钮的群组值,也就是性别,就会是男 ..

在这个单选按钮的演示里面 .. 先添加一个单选按钮的群组值 .. 一个整数类型的值,名字是 _radioGroupA .. 先让它等于 0 ..

添加一个单选按钮,用的是 Radio 这个小部件 .. 里面先设置一下它的 value 属性的值 .. 就是这个单选按钮表示的值 .. 可以让它等于数字 0 ..

它还需要一个 groupValue .. 群组值 .. 用上面定义的 _radioGroupA 来表示 ..

单选按钮发生变化,会调用 onChanged .. 可以单独定义一个方法 .. 名字是 _handleRadioValueChanged ..

在这个类里面再去定义一下这个方法 .. 方法的名字是 _handleRadioValueChanged .. 接收一个 int 类型的 value 参数 ..

里面用一下 setState .. 去把 _radioGroupA 的值设置成 value 的值 ..

现在界面上会显示一个被选中的单选按钮 .. 这个被选中状态的颜色可以使用 activeColor 去设置一下 .. 可以把它设置成黑色 ..

然后复制一份 .. 再添加一个单选按钮 .. 修改一下它的值 .. 让它等于 1 ... 其它的可以保持不变化 ..

按一下第二个单选按钮 .. 单选按钮发生变化会调用它的 onChanged .. 在这个方法里面,我们把单选按钮的群组值设置成了被选中的这个单选按钮表示的值 ..

也就是界面上显示的这组单选按钮,它的值现在会是第二个单选按钮的值,也就是数字 1 ... 单选按钮的值跟群组的值一样,它就会是被选中的状态 ..

Radio:单选按钮《 Flutter 移动应用:输入 》

统计

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

社会化网络

关于

微信订阅号

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