带有图像的 Flutter 自定义 radio 小部件

Question

我正在尝试使用图像创建自定义 radio 小部件。问题:假设我需要一个组中的图像，以便在用户单击它以显示该特定按钮已激活时进行更改。我该如何实现？

class _RadioWidgetState extends State<RadioWidget> {
  int _radioValue = 0;
  void _handleRadio(int value) {
    setState(() {
      _radioValue = value;
      switch (_radioValue) {
        case 0:
        break;
        case 1:
          break;
        case 0:
          break;
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Row(mainAxisAlignment: MainAxisAlignment.center, children: [
      Expanded(
        child: GestureDetector(
          onTap: () => setState(() {
            _radioValue = 0;
            print(_radioValue);
            _handleRadio(0);
          }),
          child: Container(child: Image.asset('assets/images/asset1.png')),
        ),
      ),
      Expanded(
        child: GestureDetector(
          onTap: () => setState(() {
            _radioValue = 1;
            print(_radioValue);
          }),
          child: Container(child: Image.asset('assets/images/asset2.png')),
        ),
      ),
      Expanded(
        child: GestureDetector(
          onTap: () => setState(() {
            _radioValue = 2;
            print(_radioValue);
          }),
          child: Container(child: Image.asset('assets/images/asset3.png')),
        ),
      ),
    ]);
  }
}

Answer 1

使用 _radioValue 更改图像

child: Container(child: Image.asset(_radioValue == 0 
  ? 'assets/images/asset1_selected.png' 
  : 'assets/images/asset1.png')
),