由于选中和未选择状态的圆钮,多个Radio根据逻辑可以实现单选或多选的需求。可指定颜色,接收状态变化回调。

相关组件

RadioListTile

Radio基本使用

  1. <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(),
    );
  }
}