使用缓慢异步方法的扑动进展指示灯

Question

当我尝试使用慢速异步方法的圆形刺激器时，未显示指示器。当我用timer.pereodic（）替换慢速自定义方法时。我是新来的扑来，不明白我在做什么错

class _MyHomePageState extends State<MyHomePage> {
  bool _inProgress = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Container(
          width: 200,
          height: 200,
          child: Column(
            children: [
              _inProgress ? CircularProgressIndicator() : Text("ready"),
              FloatingActionButton(onPressed: _slowMethod)
            ],
          ),
        ),
      ),
    );
  }

  int fibonacci(int n) {
    return n <= 2 ? 1 : fibonacci(n - 2) + fibonacci(n - 1);
  }

  _slowMethod() async {
    setState(() {
      _inProgress = true;
    });

    for (int i = 20; i <= 100; ++i) {
      print(fibonacci(i));
    }

    setState(() {
      _inProgress = false;
    });
  }
}

Answer 1

异步函数直到第一个等待关键的关键字。<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< /a>

首先，在_slowMethod中都没有等待，这在技术上意味着您需要包装“ What be-assynchronous”操作在中，未来和等待。

因此，您的解决方案应该是_SlowMethod（）的以下内容：

  _slowMethod() async {
    setState(() {
      _inProgress = true;
    });

    await Future(() {
      for (int i = 20; i <= 100; ++i) {
        print(fibonacci(i));
      }
    });

    setState(() {
      _inProgress = false;
    });
  }

但是，如Richard Heap（@richard Heap）所指向的评论中，上面的问题将有效。如果运行代码，则cignularProgressIndicator将出现问题，因为主螺纹线程已被要求的斐波那契序列劫持，并且您的UI无法正确呈现。

我认为您确实没有生产代码最多100个斐波那契。可能，您用它向我们展示了问题。但是，即使是这种情况，或者您进行了复杂的异步操作，您也可以使用理查德（Richard）提到的隔离株。

如果异步操作对主线程的要求不是很高（例如简单地做future.delayed），等待未来应该有效。

以下片段将按照您的期望。

  _slowMethod() async {
    setState(() {
      _inProgress = true;
    });

    await Future.delayed(const Duration(seconds: 3));

    setState(() {
      _inProgress = false;
    });
  }