由于选中和未选择状态的圆钮,多个Radio根据逻辑可以实现单选或多选的需求。可指定颜色,接收状态变化回调。
相关组件
Radio基本使用
<br />【value】 : 选钮值 【T】<br />【groupValue】 : 当前匹配值 【T】<br />【activeColor】 : 激活颜色 【Color】<br />【onChanged】 : 改变时回调 【Function(T)】<br />![92.gif](https://cdn.nlark.com/yuque/0/2020/gif/326147/1589446122181-db00e6b7-88a2-4fe6-9602-c699eedb0764.gif#align=left&display=inline&height=87&margin=%5Bobject%20Object%5D&name=92.gif&originHeight=87&originWidth=404&size=45806&status=done&style=none&width=404)
import 'package:flutter/material.dart';
class CustomRadio extends StatefulWidget {
@override
_CustomRadioState createState() => _CustomRadioState();
}
class _CustomRadioState extends State<CustomRadio> {
var data = <double>[1, 2, 3, 4, 5];
double _value = 1;
@override
Widget build(BuildContext context) {
return Row(
mainAxisSize: MainAxisSize.min,
children: data
.map((e) => Radio<double>(
activeColor: Colors.orangeAccent,
value: e,
groupValue: _value,
onChanged: (v) => setState(() => _value = v)))
.toList(),
);
}
}