用户登录

RadioListTile 就是一个 ListTile 里面带了一个 Radio 小部件 .. 先注释掉这排内容里的这两个单选按钮 .. 在这个 Row 的上面,可以添加一个 RadioListTile .. 它的 value 属性是单选按钮的值 .. 让它等于 0 ... groupValue 的值是单选按钮组的值 .. 使用上面定义的 _radioGroupA 来表示 .. 有变化会执行 onChanged .. 处理的方法是 _handleRadioValueChanged .. 之前我们在这个类里定义了这个方法 .. 它做的事就是去把单选按钮组的值设置成被选中的单选按钮的值 ..

RadioListTile 里面可以添加一个标题 .. 用一个 Text .. 文字是 Option A .. 还可以给它添加一个副标题 .. subtitle .. 也可以用一个 Text .. 文字是 Description ..

secondary 设置的小部件会在单选按钮的另一边显示 ... 添加一个小图标 .. Icons.filter_1 ..

selected 属性可以决定是否让文字还有小图标使用激活颜色 .. 它的值可以判断一下 .. 看看 _radioGroupA 的值是不是等于 0 .. 就是这个单选按钮表示的值 ..

再复制一份创建的这个 RadioListTile .. 修改一下它的值 .. 标题上的文字 ... 要在 secondary 上显示的小图标 .. 还有这个决定 selected 属性的值的判断条件 .. 判断 _radioGroupA 是不是等于 1 ..

到模拟器上再试一下这两个单选按钮 .. 在界面上可以再添加一个文字 .. 用一个 Text .... 文字是 RadioGroupValue .. 后面加上 _radioGroupA 的值 ..

下面再用一个 SizedBox .. 高度设置成 32.0 ...

这个 RadioGroupValue 后面的数字,就是当前界面上的这个单选按钮组的值 ..

RadioListTile:带标签与图标的单选按钮《 Flutter 移动应用:输入 》

统计

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

社会化网络

关于

微信订阅号

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