Flutter - 是否可以在不使用 FutureBuilder 的情况下从 Future 中提取数据?

2024-02-14

我正在读取用户提供的输入(在本例中为邮政编码)TextField我需要检查数据库的有效性。但是,我需要在提交按钮(aRaisedButton在这种情况下)onPressed: () {}拉姆达函数。在大多数编程语言中,这是一项相当简单的任务。然而,我在 Flutter 中遇到的问题是Future从异步数据库查询返回的对象只能被使用FutureBuilder依次返回的对象Widget对象。我只需要一个String返回,然后我可以使用它通过MaterialPageRoute对象,或者向用户显示错误而不更改路线。 Flutter 有什么办法可以做到这一点吗?返回小部件对我来说没有用,因为我不想创建新的小部件来显示。我正在使用 Flutter 0.3.2 和 Dart 2.0.0

作为我需要调用数据库查询的简化示例:

@override
Widget build(Buildcontext context) {
    return new Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
            new Container(
                padding: const EdgeInsets.all(16.0),
                child: new TextField(
                    keyboardType: TextInputType.number,
                    controller: _controller,
                    decoration: new InputDecoration(
                    hintText: 'Zip Code',
                ),
                onSubmitted: (string) {
                  return string;
                },
              ),
            ),
            new RaisedButton(
                onPressed: () {
                        // use regex to test against user input
                        if (_controller.text != null && _controller.text.isNotEmpty) {
                            RegExp zipCodeRegExp = new RegExp(r"^(\d{5})$");

                            // if the user input validates...
                            if (zipCodeRegExp.hasMatch(_controller.text)) {
                            zipCode = _controller.text;

                           // need to perform database query here and return a string, not a Widget

                            } else {
                               // an else condition here
                            }
                        } else {
                           // an else condition here
                        }
                    }
                }
            ),
        ],
    );
}

也许我没有遵循 Flutter 的“口头禅”?感谢您对此的考虑和意见。


FutureBuilder只是一个方便的助手,可以在 Future 完成时重建小部件树。

您可以使用

funcThatReturnsFuture().then((result) {
  print(result);
  setState(() {
    someVal = result;
  })
})

or

Future funcThatMakesAsyncCall() async {
  var result = await funcThatReturnsFuture();
  print(result);  
  setState(() {
    someVal = result;
  })
}

主要限制是如果没有Future,因为无法从异步执行返回到同步执行。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Flutter - 是否可以在不使用 FutureBuilder 的情况下从 Future 中提取数据? 的相关文章

随机推荐