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。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：niceseo6@gmail.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。