如何在flutter（dart）中将异步函数声明为变量？

Question

在flutter中，我们可以将一个函数声明为变量并像这样调用它

MyWidget((){print('HI');});

class MyWidget extends StatelessWidget{
  final Function sayHi;

  MyWidget(this.sayHi);

  @override
  Widget build(BuildContext context) {
    sayHi();
    return ...
  }
}

但是如果sayHi()是一个异步函数呢？ 如何将异步函数声明为变量？ 似乎没有像AsyncFunction这样的AsyncFunction 。 那么如何实现呢？

Answer 1

异步函数是普通函数，上面有一些糖。 这里，函数变量类型只需要指定它返回一个 Future：

class Example {
  Future<void> Function() asyncFuncVar;
  Future<void> asyncFunc() async => print('Do async stuff...');

  Example() {
    asyncFuncVar = asyncFunc;
    asyncFuncVar().then((_) => print('Hello'));
  }
}

void main() => Example();

希望这可以帮助。

Answer 2

像这样

class MyApp extends StatelessWidget {
  void asyncFunc() async {
    await Future.delayed(Duration(seconds: 5));
    print('printed after 5 seconds');
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: MyWidget(asyncFunc),
        ),
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  final void Function() asyncFunc;

  const MyWidget(this.asyncFunc);

  @override
  Widget build(BuildContext context) {
    return MaterialButton(
      onPressed: asyncFunc,
    );
  }
}