22

我收到以下错误：

A value of type 'Future<int>' can't be assigned to a variable of type 'int'

它可能是另一种类型而不是int，但基本上模式是

A value of type 'Future<T>' can't be assigned to a variable of type 'T'

所以...

  • 究竟是什么Future？
  • 如何获得我想要获得的实际价值？
  • 当我只有一个时，我用什么小部件来显示我的价值Future<T>？
4

5 回答 5

27

如果您熟悉Task<T>orPromise<T>和async/await模式，那么您可以直接跳到“如何在 Flutter 中将 Future 与小部件一起使用”部分。

什么是 Future 以及如何使用它？

好吧，文档说：

表示延迟计算的对象。

那是对的。它也有点抽象和干燥。通常，函数会返回结果。依次。该函数被调用、运行并返回它的结果。在那之前，呼叫者等待。某些功能，尤其是当它们访问硬件或网络等资源时，需要一些时间来完成。想象一下从 Web 服务器加载头像图片，从数据库加载用户数据或从设备内存加载多种语言的应用程序文本。那可能很慢。

默认情况下，大多数应用程序具有单一控制流。当这个流程被阻塞时，例如通过等待需要时间的计算或资源访问，应用程序就会冻结。如果您足够大，您可能会记住这是标准，但在当今世界，这将被视为错误。即使有些事情需要时间，我们也会得到一点动画。一个微调器，一个沙漏，也许是一个进度条。但是应用程序如何在运行并显示动画的同时仍然等待结果呢？答案是：异步操作。在您的代码等待某事时仍在运行的操作。现在编译器如何知道它是否应该停止一切并等待结果或继续所有后台工作并仅在这种情况下等待？好吧，它自己无法弄清楚。我们必须告诉它。

这是通过称为和的模式实现的。它不是特定于或的，它在许多其他语言中都以相同的名称存在。你可以在这里找到 Dart 的文档。

由于需要一些时间的方法无法立即返回，因此它会在完成后返回传递值的承诺。

那就是所谓的Future。因此，从数据库中加载数字的承诺会返回一段Future<int>时间，而从互联网搜索中返回电影列表的承诺可能会返回Future<List<Movie>>. AFuture<T>是将来会给你的东西T。

让我们尝试不同的解释：

Future 表示异步操作的结果，可以有两种状态：未完成或已完成。

最有可能的是，由于您这样做并不是为了好玩，您实际上需要其结果Future<T>才能在您的应用程序中取得进展。您需要显示数据库中的数字或找到的电影列表。所以你要等，直到结果出来。这就是await进来的地方：

Future<List<Movie>> result = loadMoviesFromSearch(input);

// right here, you need the result. So you wait for it:
List<Movie> movies = await result;

但是等等，我们不是绕了一圈吗？我们不是又要等结果了吗？是的，我们确实是。如果程序没有顺序流的相似性，它们将是完全混乱的。但关键是使用await我们告诉编译器的关键字，此时，虽然我们想等待结果，但我们不希望我们的应用程序只是冻结。我们希望所有其他正在运行的操作（例如动画）继续进行。

但是，您只能await在本身标记为async并返回 a的函数中使用关键字Future<T>。因为当你await做某事时，正在等待的函数不能再立即返回它们的结果。您只能退回您拥有的东西，如果您必须等待它，您必须返回一个承诺稍后交付它。

Future<Pizza> getPizza() async {
    Future<PizzaBox> delivery = orderPizza();        

    var pizzaBox = await delivery;

    var pizza = pizzaBox.unwrap();
    
    return pizza;   
}

我们的 getPizza 函数必须等待披萨，所以不是立即返回，它必须返回未来会有Pizza披萨的承诺。现在，您可以反过来在某处使用 getPizza 函数。await

如何将 Future 与 Flutter 中的小部件一起使用？

Flutter 中的所有小部件都期望真实值。没有一些承诺会在以后出现价值。当按钮需要文本时，它不能使用稍后会出现文本的承诺。它现在需要显示按钮，所以它现在需要文本。

但有时，你所拥有的只是一个Future<T>. 这就是发挥作用的地方FutureBuilder。您可以在有未来时使用它，在等待它时显示一件事（例如进度指示器），在完成时显示另一件事（例如结果）。

让我们看一下我们的披萨示例。您想订购比萨饼，在等待时需要进度指示器，希望在送达后查看结果，并且可能在出现错误时显示错误消息：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

/// ordering a pizza takes 5 seconds and then gives you a pizza salami with extra cheese
Future<String> orderPizza() {
  return Future<String>.delayed(const Duration(seconds: 5), () async => 'Pizza Salami, Extra Cheese');
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark(),
      home: Scaffold(
        body: Center(
          child: PizzaOrder(),
        ),
      ),
    );
  }
}

class PizzaOrder extends StatefulWidget {
  @override
  _PizzaOrderState createState() => _PizzaOrderState();
}

class _PizzaOrderState extends State<PizzaOrder> {
  Future<String>? delivery;

  @override
  Widget build(BuildContext context) {
    return Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: [
          ElevatedButton(
            onPressed: delivery != null ? null : () => setState(() { delivery = orderPizza(); }),
            child: const Text('Order Pizza Now')
          ),
          delivery == null
            ? const Text('No delivery scheduled')
            : FutureBuilder(
              future: delivery,
              builder: (context, snapshot) {
                if(snapshot.hasData) {
                  return Text('Delivery done: ${snapshot.data}');
                } else if(snapshot.hasError) {
                  return Text('Delivery error: ${snapshot.error.toString()}');
                } else {
                  return const CircularProgressIndicator();
                }
              })
        ]);
  }
}

这就是你如何使用 FutureBuilder 来显示你未来的结果。

于 2020-07-21T14:55:10.840 回答
4

Future<T>返回将通过async工作完成的潜在价值

例如：

Future<int> getValue() async {
    return Future.value(5);
  }

上面的代码返回Future.value(5)的是int类型，但是在从方法接收值时我们不能使用类型，Future<int>即

Future<int> value = await getValue();  // Not Allowed
// Error
A value of type 'Future<int>' can't be assigned to a variable of type 'int'

要解决上面的 getValue() 应该在int类型下接收

  int value = await getValue(); // right way as it returning the potential value.
于 2020-08-20T09:53:18.813 回答
3

Future以下是其他语言对 Dart 的类比列表：

  • JS：Promise
  • 爪哇：Future
  • Python：Future
  • C＃：Task

就像在其他语言中一样，Future 是一种特殊类型的对象，它允许使用 async/await 语法糖，以同步/线性的方式编写异步代码。您从异步方法返回 Future 而不是接受回调作为参数并避免回调地狱 - Futures 和回调都解决相同的问题（稍后触发一些代码）但方式不同。

于 2021-05-07T14:21:01.703 回答
2

我希望这个关键点能够提供信息，我用两种不同的 Async 方法来展示它：

请注意以下方法，其中showLoading()和getAllCarsFromApi()是hideLoading()内部Async方法。

如果我将await关键字放在 before showLoading()，则Operation会等到它完成然后转到下一行，但我故意删除了，await因为我需要同时显示LoadinggetAllCarsFromApi()对话框和正在处理，所以这意味着showLoading()和getAllCarsFromApi()方法在不同的Threads上处理。最后hideLoading()隐藏加载对话框。

Future<List<Car>> getData() async{
   showLoading();
   final List<Car> cars = await getAllCarsFromApi();
   hideLoading();
   return cars;
}

现在看这个另一种Async方法，这里getCarByIdFromApi()方法需要一个id从 中计算出来的getCarIdFromDatabase()，所以await在第一个方法之前必须有一个关键字，让Operation等到id计算出来并传递给第二个方法。所以这里两个方法一个接一个地在一个线程中处理。

Future<Car> getCar() async{
   int id = await getCarIdFromDatabase();
   final Car car = await getCarByIdFromApi(id);
   return car;
}
于 2021-08-21T09:57:12.120 回答
0

一个简单的答案是，如果一个函数delay在一段时间内返回其值，Future则用于获取其值。

Future<int> calculate({required int val1, required int val2}) async {
    await Future.delayed(const Duration(seconds: 2));
    return val1 + val2;
  }

如果我们将上述函数称为

getTotal() async { 

      int result = calculate(val1: 5, val2: 5);

    print(result);
  }

我们会得到以下错误：

A value of type 'Future<int>' can't be assigned to a variable of type 'int'

在此处输入图像描述

但是如果我们在函数调用之前使用 await 它将在延迟后给出函数的实际返回值

getTotal() async { 

    int result = await calculate(val1: 5, val2: 5);

   print(result);
 }

在此处输入图像描述

关键字async必须await用于 Future 以获取返回值

于 2022-02-01T10:42:56.417 回答