ラジオは、ラジオボタン、チェックボックスであり、それ自体、同じ状態、選択状態代表groupValue =値が含まれていません。
プロパティ | 説明 |
---|---|
値は、groupValue | 代表的な選択された選択groupValue =値か否かを一緒に制御します |
onChangedイベント | コールバックの変更 |
activeColor | 下の色の活性化状態 |
materialTapTargetSize | チェックボックスを通じて、materialTapTargetSizeエリアをクリックしてください |
RadioListTileプロパティとCheckboxListTileの属性、
例:
import 'package:flutter/material.dart';
class RadioDemo extends StatefulWidget {
@override
State<StatefulWidget> createState() {
// TODO: implement createState
return _RadioDemo();
}
}
class _RadioDemo extends State<RadioDemo> {
String _newValue = '语文';
@override
Widget build(BuildContext context) {
// TODO: implement build
return Column(
children: <Widget>[
Row(
children: <Widget>[
Radio<String>(
value: "语文",
groupValue: _newValue,
onChanged: (value) {
setState(() {
_newValue = value;
});
}),
Radio<String>(
value: "数学",
groupValue: _newValue,
onChanged: (value) {
setState(() {
_newValue = value;
});
}),
Radio<String>(
value: "英语",
groupValue: _newValue,
onChanged: (value) {
setState(() {
_newValue = value;
});
}),
],
),
Row(
children: <Widget>[
Flexible(
child: RadioListTile<String>(
value: '语文',
title: Text('语文'),
groupValue: _newValue,
onChanged: (value) {
setState(() {
_newValue = value;
});
},
),
),
Flexible(
child: RadioListTile<String>(
value: '数学',
title: Text('数学'),
groupValue: _newValue,
onChanged: (value) {
setState(() {
_newValue = value;
});
},
),
),
Flexible(
child: RadioListTile<String>(
value: '英语',
title: Text('英语'),
groupValue: _newValue,
onChanged: (value) {
setState(() {
_newValue = value;
});
},
),
),
],
),
Column(
children: <Widget>[
RadioListTile<String>(
value: '语文',
title: Text('语文'),
groupValue: _newValue,
onChanged: (value) {
setState(() {
_newValue = value;
});
},
),
RadioListTile<String>(
value: '数学',
title: Text('数学'),
groupValue: _newValue,
onChanged: (value) {
setState(() {
_newValue = value;
});
},
),
RadioListTile<String>(
value: '英语',
title: Text('英语'),
groupValue: _newValue,
onChanged: (value) {
setState(() {
_newValue = value;
});
},
),
],
),
],
);
}
}