Flutter:如何通过AlertDialog中的TextFormField更改变量

Question

我想实现如下函数：有一个名为自定义的按钮。在这个页面中，有一个名为money的变量。当我单击该按钮时，将出现一个内部包含TextFormField的AlertDialog。我希望在TextFormField中输入数字X并单击按钮ok退出AlertDialog后，money将更改为X。我使用了onSaved来保存变量，并使用了_formkey.currentState.save()，但money没有更改。我的代码出了什么问题？这是我的代码：

void _showMessageDialog() {
//int addMoney = 0;
showDialog(
context: context,
builder: (BuildContext context) {
// return object of type Dialog
return AlertDialog(
key: _formKey,
title: new Text('INPUT'),
content: TextFormField(
maxLines: 1,
keyboardType: TextInputType.emailAddress,
autofocus: false,
style: TextStyle(fontSize: 15),
decoration: new InputDecoration(
border: InputBorder.none,
hintText: 'input',
),
onSaved: (value) {
money = int.parse(value?.trim() ?? '0') as double;
print(money);
}
),
actions: <Widget>[
new TextButton(
key: _formKey,
child: new Text("ok"),
onPressed: () {
_formKey.currentState?.save();
Navigator.of(context).pop();
},
),
],
);
},
);
}

以下是与按钮自定义相关的代码

OutlinedButton(
style: OutlinedButton.styleFrom(
side: BorderSide(
width: 1,
color: Colors.blueAccent
)
),
onPressed: () {
// Navigator.of(context).push(
//   _showMessageDialog()
// );
_showMessageDialog();
},
child: Text(
"自定义",
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w700,
color: Colors.blueAccent
),
),
),

我知道我可能犯了一个大错误，但这是我的第一个Flutter项目。谢谢你的建议。

Answer 1

我会使用ValueNotifier。但首先，您需要在TextFormField中添加一个控制器，以便让文本用户输入。

//initialize it
final myController = TextEditingController();
TextFormField(
controller: myController, //pass it to the TextFormField
),
TextButton(
child: new Text("ok"),
onPressed: () {
String input = myController.text; //this is how you get the text input
_formKey.currentState?.save();
Navigator.of(context).pop();
},
),

正如我所说，您还需要初始化ValueNotifier并将其传递给_showMessageDialog

ValueNotifier<int> money = ValueNotifier(0);
_showMessageDialog(money); //and pass it to your function
void _showMessageDialog(ValueNotifier<int> money) {
TextButton(
child: new Text("ok"),
onPressed: () {
String input = myController.text; //this is how you get the text input
money.value = int.parse(input); //and then update your money variable
_formKey.currentState?.save();
Navigator.of(context).pop();
},
),
}