Flutter async/await 在 forEach 中不起作用答案

【问题标题】：Flutter async/await doesn't work inside forEachFlutter async/await 在 forEach 中不起作用
【发布时间】：2020-12-07 11:58:39
【问题描述】：

我不知道这里缺少什么。这是一个假设向客户下订单的功能。整个逻辑很简单：

如果购物车中有 1 件商品，则只执行一次。如果有更多，则将订单附加到第一个订单号。但由于某种原因，它最初并没有等到 orderRepo.addOrder 执行完成。

  dynamic firstOrderNumber = 0;
  var existingOrder = false;

  void addOrder(List<Cart> carts) async {        --> Coming to add the list of orders
    carts.forEach((_cart) async {                --> Going to add each items in cart
      
             x += 1;
  print("\nVALUE of x inside addOrder = $x");     -> Adding X flag here to check
      Order _order = new Order();

      _order.productOrders = new List<ProductOrder>();
      _order.tax = _cart.product.store.defaultTax;
      _order.deliveryFee = payment.method == 'Pay on Pickup'
          ? 0
          : _cart.product.store.deliveryFee;
      OrderStatus _orderStatus = new OrderStatus();
      _orderStatus.id = '1'; 
      _order.orderStatus = _orderStatus;
      _order.deliveryAddress = payment.method == 'Pay on Pickup'
          ? new Address()
          : settingRepo.deliveryAddress.value;
      _order.hint = ' ';
      ProductOrder _productOrder = new ProductOrder();
      _productOrder.quantity = _cart.quantity;
      _productOrder.price = _cart.product.price;
      _productOrder.id = _cart.product.id;
      _productOrder.product = _cart.product;
      _productOrder.options = _cart.options;

      _order.productOrders.add(_productOrder);
      print("Current value of EXISTING : $existingOrder");
      if (!existingOrder) {
        print("\n\nEntering not existing order....\n");
        await orderRepo.addOrder(_order, this.payment).then((value) {      ---> Doesn't wait. PROBLEM
          if (value is Order) {
            print("The value is now $value");
            firstOrderNumber =
                value.id.toString(); //catching order number to append
            print("FIRSTORDERNUMBER : $firstOrderNumber");
            setState(() {
              loading = false;
            });
          }
        });
        print("Settting value of existing order now...");
        existingOrder = true;
        print("Existing order is now $existingOrder");
      }
      // print("Existing order is now $existingOrder");
      else {
        print("\n\nEntering existing order....\n");
        orderRepo
            .addAdditionalOrder(
                _productOrder, _cart, _order, firstOrderNumber, this.payment)
            .then((value) {
          if (value is Order) {
            setState(() {
              loading = false;
            });
          }
        });
      }
    });
  }

控制台输出：

I/flutter ( 6925): VALUE of x inside addOrder = 1
I/flutter ( 6925): Current value of EXISTING : false
I/flutter ( 6925): Entering not existing order....
I/flutter ( 6925): VALUE of x inside addOrder = 2    ---> See the problem. It came back to increment X before the await is complete.  
I/flutter ( 6925): Current value of EXISTING : false
I/flutter ( 6925): Entering not existing order....

//现在它给出了它之前应该等待的 AWAIT 的结果.....

I/flutter ( 6925): The response of first order is : <JSON RESPONSE from first addOrder execution...coming late..>
I/flutter ( 6925): The value is now Instance of 'Order'
I/flutter ( 6925): FIRSTORDERNUMBER : 141
I/flutter ( 6925): Settting value of existing order now...
I/flutter ( 6925): Existing order is now true
I/flutter ( 6925): The response of first order is :

有什么提示吗？在await orderRepo.addOrder(_order, this.payment).then((value) { 完成之前，我怎么能不执行任何其他操作？？？好几天一直在尝试 n 错误

【问题讨论】：

我最近也遇到了这个问题。当forEach 里面有一个await 关键字时，forEach 的问题是它会跳过forEach 函数并稍后执行它。看看这个：stackoverflow.com/questions/51106934/…
没错！这就是我所看到的...跳过等待并最终执行...难道 forEach 不是正确的选择吗？？
不，Iterable.forEach 不是正确的选择。它不期望异步回调。只需使用普通的for 循环即可。普通的for 循环更易读、更灵活（break 和continue 工作）、更通用（没有这样的陷阱）和更高效（没有额外的回调）。但是，如果您仍然更喜欢使用forEach 样式，则应改为使用Future.forEach。
非常感谢@Uni & @jamesdlin！！！我搬到了，现在一切都很好......再次感谢你！！！

标签： android flutter dart flutter-layout

【解决方案1】：

像这样尝试map()


await Future.wait(carts.map((_cart)async{

  //your code here


}));

【讨论】：

试过这个并得到：无法命名函数表达式。尝试删除名称，或将函数表达式移动到函数声明 statement.dart(named_function_expression) 作为错误，我错过了什么吗？
@AdrianKarr 我更新了它有语法错误的代码现在再试一次。
摆脱了错误..但不符合用例。它仍然跳过等待到下一个。我刚刚修改了我的代码，添加了一个“X”标志，以便使用来自控制台的新 OUTPUT 使事情更加清晰。你能看看提出一些建议吗？
我看到了你的代码，你为什么在使用 await 时添加 then ？这就是您要使用 await 等待的值（与 then(value) 相同）？
应该是这样的'var value = await orderRepo.addOrder(_order, this.payment);'然后直接使用该值而不使用 then，如果您正在等待，则应删除所有“then”语句，该值直接使用它而不嵌套它

【解决方案2】：

我认为它应该适合你！

myFunc() async {
  for(File file in files) {
    await saveFiles(file);
  }
}

【讨论】：

这就是我所做的并且报告说没有工作。谢谢
你可以试试 await for 循环

【解决方案3】：

使用 then 函数的状态只需使用 await。

if (!existingOrder) {
    print("\n\nEntering not existing order....\n");
    var value = await orderRepo.addOrder(_order, this.payment);
    if (value is Order) {
        print("The value is now $value");
        firstOrderNumber = value.id.toString();
        print("FIRSTORDERNUMBER : $firstOrderNumber");
        setState(() {
          loading = false;
        });
      }
    print("Settting value of existing order now...");
    existingOrder = true;
    print("Existing order is now $existingOrder");
  }

【讨论】：

我按照您的建议@Tipu 尝试了这个。但是在第一个等待完成之前，控件会返回执行下一个 forEach 项目....有什么建议吗？
我通过将 forEach 更改为 for 循环来解决这个问题。谢谢您的意见

【解决方案4】：

根据 cmets 中少数人的建议，此线程的解决方案位于 My async call is returning before list is populated in forEach loop。由于他们是 cmets，因此无法将其标记为答案。因此，为了将来某人的利益而分享该链接！

【讨论】：