【自学Flutter】5 单选，我在华为做Android外包的真实经历

在Flutter中创建一个单选按钮组件的示例代码如下：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('单选按钮示例'),
        ),
        body: Center(
          child: RadioButtonExample(),
        ),
      ),
    );
  }
}
 
class RadioButtonExample extends StatefulWidget {
  @override
  _RadioButtonExampleState createState() => _RadioButtonExampleState();
}
 
class _RadioButtonExampleState extends State<RadioButtonExample> {
  // 选中的单选按钮值
  String selectedValue = '华为';
 
  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Row(
          children: <Widget>[
            // 创建单选按钮，并设置值和标签
            Radio(
              value: '华为',
              groupValue: selectedValue,
              onChanged: (value) {
                setState(() {
                  selectedValue = value;
                });
              },
            ),
            Text('华为'),
          ],
        ),
        Row(
          children: <Widget>[
            Radio(
              value: '阿里',
              groupValue: selectedValue,
              onChanged: (value) {
                setState(() {
                  selectedValue = value;
                });
              },
            ),
            Text('阿里'),
          ],
        ),
        Row(
          children: <Widget>[
            Radio(
              value: '字节跳动',
              groupValue: selectedValue,
              onChanged: (value) {
                setState(() {
                  selectedValue = value;
                });
              },
            ),
            Text('字节跳动'),
          ],
        ),
        // 显示选中的值
        Text('你选择了: $selectedValue'),
      ],
    );
  }
}

这段代码创建了一个带有三个单选按钮的页面，用户可以选择其中一个。选择后，页面会显示出用户选择的值。这是一个简单的状态管理示例，展示了如何处理用户的选择并响应这些选择。