Flutter 单选按钮

单选按钮也称为选项按钮，它保存布尔值。 它允许用户从预定义的选项集中仅选择一个选项。 此功能使其不同于复选框，在复选框中我们可以选择多个选项并恢复未选择的状态。 我们可以将单选按钮排列成两个或更多的组，并在屏幕上显示为带有空格（未选中）或点（已选中）的圆形孔。 我们还可以为每个相应的单选按钮提供标签，描述单选按钮所代表的选择。 可以通过单击圆形孔或使用键盘快捷键来选择单选按钮。

在本节中，我们将解释如何在 Flutter 中使用单选按钮。 Flutter 允许我们借助“Radio”、“RadioListTile”或“ListTitle”小部件来使用单选按钮。

flutter 单选按钮本身不维护任何状态。 当我们选择任何单选选项时，它会调用 onChanged 回调并将该值作为参数传递。 如果值和 groupValue 匹配，则会选择单选选项。

让我们看看如何通过以下步骤在 Flutter 应用中创建单选按钮

步骤 1：在 IDE 中创建一个 Flutter 项目。 在这里，我将使用 Android Studio。

步骤 2：在 Android Studio 中打开项目并导航到 lib 文件夹。 在此文件夹中，打开 main.dart 文件并创建一个 RadioButtonWidget 类（这里：MyStatefulWidget）。 接下来，我们将创建 Column 小部件并放置三个 RadioListTile 组件。 此外，我们将创建一个 Text 小部件用于显示所选项目。 ListTitle 包含以下属性

groupValue：它用于指定单选按钮组的当前选定项目。

title：它用于指定单选按钮标签。

value：它指定由单选按钮表示的后台值。

onChanged：每当用户选择单选按钮时，它将被调用。

让我们看看上述步骤的完整代码。 打开 main.dart 文件并替换以下代码。

在这里，Radio 小部件包装在 ListTiles 中，当前选定的文本被传递到 groupValue 并由示例的 State 维护。 在这里，第一个 Radio 按钮将被取消选中，因为 _site 被初始化为 BestTutorSite.javatpoint。 如果按下第二个单选按钮，示例的 State 将使用 setState 进行更新，将 _site 更新为 BestTutorSite.w3schools。 它使用更新的 groupValue 重新构建该按钮，因此它将选择第二个按钮。

输出

当我们运行该应用程序时，将出现以下输出。 在这里，我们有三个单选按钮，并且默认情况下只选择了一个。 我们也可以选择任何其他选项。