dart - 等待直到另一个异步函数完成

Question

我是 Flutter 的新手。我正在调用一个 async 函数从服务器获取数据。在我的代码中 Navigator.push() 必须在异步 onEdit() 功能完成。但对我来说，Navigator.push() 在 onEdit() 完成之前执行。

代码:

    void  onEdit()async {
     value= await getJson();
     print(value);
  }
@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Color.fromRGBO(33, 64, 95, 1.0),
        leading: Icon(Icons.chevron_left),
        actions: <Widget>[
          FlatButton(
              onPressed: (){
                onEdit();
                Navigator.push(context, MaterialPageRoute(builder: (context) => new Case(value)) );
              },
              child: Text(
                "Edit",
                style: TextStyle(color: Colors.white),
              ))
        ],
      ),

Answer 1

只需使用await 关键字调用onEdit 函数。

Future<void> onEdit() async {
  value = await getJson();
  print(value);
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      backgroundColor: Color.fromRGBO(33, 64, 95, 1.0),
      leading: Icon(Icons.chevron_left),
      actions: <Widget>[
        FlatButton(
          onPressed: () async {
            await onEdit();
            Navigator.push(context, MaterialPageRoute(builder: (context) => new Case(value)) );
          },
          child: Text(
            "Edit",
            style: TextStyle(color: Colors.white),
          )
        )
      ],
    ),
  );
}