RadioGroup在Flutter中的實現

在Flutter中，可以使用RadioGroup來實現單選按鈕組。以下是一個簡單的示例代碼：

import 'package:flutter/material.dart';

class RadioGroupExample extends StatefulWidget {
  @override
  _RadioGroupExampleState createState() => _RadioGroupExampleState();
}

class _RadioGroupExampleState extends State<RadioGroupExample> {
  String _selectedValue = 'Option 1';

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        RadioListTile(
          title: Text('Option 1'),
          value: 'Option 1',
          groupValue: _selectedValue,
          onChanged: (value) {
            setState(() {
              _selectedValue = value;
            });
          },
        ),
        RadioListTile(
          title: Text('Option 2'),
          value: 'Option 2',
          groupValue: _selectedValue,
          onChanged: (value) {
            setState(() {
              _selectedValue = value;
            });
          },
        ),
        RadioListTile(
          title: Text('Option 3'),
          value: 'Option 3',
          groupValue: _selectedValue,
          onChanged: (value) {
            setState(() {
              _selectedValue = value;
            });
          },
        ),
      ],
    );
  }
}

在上面的代碼中，我們創建了一個RadioGroupExample類，該類是一個StatefulWidget，內部包含了一個_selectedValue變量來存儲當前選中的值。在build方法中，我們使用RadioListTile來創建單選按鈕，并將其放在一個Column中來顯示多個單選按鈕。每個RadioListTile都有一個title屬性來顯示按鈕的文本內容，一個value屬性來表示按鈕的值，一個groupValue屬性來表示當前選中的值，以及一個onChanged屬性來處理選中值改變的事件。當用戶點擊某個單選按鈕時，會觸發對應的onChanged回調函數，我們在其中更新_selectedValue的值，并調用setState來通知Flutter更新UI。