在 flutter 中初始化未来？

Question

在 flutter 中打开页面时，我想运行下载 Future function，但是它被多次调用。

我想实现一个像本文中的第二个这样的解决方案：

https://flutterigniter.com/future-async-called-multiple-times/

（在初始化后记住未来，以便不会多次调用 init function）但是在他的解决方案中，他像这样初始化未来

Future<String> _future;

这在 dart 的当前版本中不再可能，我想知道是否有等效的，我尝试使用 Late 关键字并将其初始化为 null，这两个都不起作用。

这是当前的代码以及我目前想要的代码：

class _ARState extends State<AR> {
  
@override
  void initState() {
    super.initState();
    WidgetsBinding.instance?.addPostFrameCallback((_) {
      _downloadFiles();
    });
  }

Future<dynamic> _downloadFiles() async {
// some downloading function that is getting run multiple times ....
}


Widget build(BuildContext context) {
    return FutureBuilder<dynamic>(
      future: _downloadFiles(),
      builder: /// stuff i want built
}

我想要它：

class _ARState extends State<AR> {
  
Future<dynamic> _future;

@override
  void initState() {
    super.initState();
    WidgetsBinding.instance?.addPostFrameCallback((_) {
      _downloadFiles();
    });
  }

Future<dynamic> _downloadFiles() async {
// some downloading function that is getting run multiple times ....
}


Widget build(BuildContext context) {
    return FutureBuilder<dynamic>(
      future: _future,
      builder: /// stuff i want built
}

谢谢你的帮助！

Answer 1

一种方法是使_future可以为空，并通过检查_future是否为null来使异步 function 幂等。 如果是 null，做工作； 如果不是 null，则返回现有的Future 。

class _ARState extends State<AR> {
  Future<dynamic>? _future;

  ...

  Future<dynamic> _downloadFiles() {
    Future<dynamic> helper() async {
      // Do actual downloading work here.
    }

    if (_future == null) {
      _future = helper();
    }

    return _future;
  }

  Widget build(BuildContext context) {
    return FutureBuilder<dynamic>(
      future: _downloadFiles(),
      ...
  }
}

Answer 2

尝试下面的代码，使用late关键字，但还有其他选项。 我认为您不需要addPostFrameCallBack ：

class _ARState extends State<AR> {
  
late Future<dynamic> _future;

@override
void initState() {
  super.initState();
  _future = _downloadFiles();
}

Future<dynamic> _downloadFiles() async {

}

Widget build(BuildContext context) {
  return FutureBuilder<dynamic>(
    future: _future,
    builder: (context, snapshot) {
      if (snapshot.hasData || snapshot.data != null) {
        // build your widget
      }
      // progress indicator or something while future is running
      return ...;
    });
}