Radio组件
Radio组件的常用属性:
属性 | 描述 |
value | 单选的值 |
onChanged | 改变时触发 |
activeColor | 选中的颜色、背景颜色 |
groupValue | 选择组的值 |
import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( title: "Radio", home: MyApp(), )); } class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); } class _MyAppState extends State<MyApp> { int sex = 1; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Radio")), body: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Row( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text("男:"), Radio( value: 1, groupValue: this.sex, onChanged: (value) { setState(() { this.sex = value; }); }, ), SizedBox(width: 20), Text("女:"), Radio( value: 2, groupValue: this.sex, onChanged: (value) { setState(() { this.sex = value; }); }, ) ], ), Row( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text("你选择的是${this.sex == 1 ? "男" : "女"}") ], ) ], ), ); } }