gpt4 book ai didi

flutter - 如何在 Flutter 中设置默认选中的单选按钮?

转载 作者:IT王子 更新时间:2023-10-29 06:53:51 32 4
gpt4 key购买 nike

默认情况下,Flutter 将所有单选按钮显示为空(未选中)。

如何设置单选按钮默认选中?

我发布这个问题是为了记录我的解决方案,这可能对某些人有所帮助,同时也开始了一个关于这个的话题,因为我在这里没有找到任何相关信息。

单选按钮代码下方:

class _ProductTypeScreen extends State<ProductType> {

String _radioValue; //Initial definition of radio button value
String choice;

void radioButtonChanges(String value) {
setState(() {
_radioValue = value;
switch (value) {
case 'one':
choice = value;
break;
case 'two':
choice = value;
break;
case 'three':
choice = value;
break;
default:
choice = null;
}
debugPrint(choice); //Debug the choice in console
});
}

// Now in the BuildContext... body widget:

@override
Widget build(BuildContext context) {
//First of the three radio buttons

Row(
children: <Widget>[
Radio(
value: 'one',
groupValue: _radioValue,
onChanged: radioButtonChanges,
),
Text(
"One selected",
),
],
),

最佳答案

添加一个初始状态

class _ProductTypeScreen extends State<ProductType> {

String _radioValue; //Initial definition of radio button value
String choice;

// ------ [add the next block] ------
@override
void initState() {
setState(() {
_radioValue = "one";
});
super.initState();
}
// ------ end: [add the next block] ------

void radioButtonChanges(String value) {
setState(() {
_radioValue = value;
switch (value) {
case 'one':
choice = value;
break;
case 'two':
choice = value;
break;
case 'three':
choice = value;
break;
default:
choice = null;
}
debugPrint(choice); //Debug the choice in console
});
}

@override
Widget build(BuildContext context) {

关于flutter - 如何在 Flutter 中设置默认选中的单选按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54774143/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com