详解Flutter和Dart取消Future的三种方法

最新推荐文章于 2025-05-19 16:28:34 发布

jh035

最新推荐文章于 2025-05-19 16:28:34 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： flutter

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/jh035/article/details/127947924

本文详细介绍了在Flutter中取消Future的三种方法：1) 使用异步包(CancelableOperation)，提供了一个完整的示例展示如何在用户点击取消时终止Future；2) 利用timeout()方法设置Future执行的时间限制，超过限制则执行onTimeout回调；3) 将Future转换为流，通过取消对流的订阅来取消Future。这些方法能帮助开发者更好地管理和控制异步操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用异步包(推荐)

async包由 Dart 编程语言的作者开发和发布。它提供了dart:async风格的实用程序来增强异步计算。可以帮助我们取消Future的是CancelableOperation类：

1

2

3

4

5

6

7

var myCancelableFuture = CancelableOperation.fromFuture(

Future<T> inner,

{ FutureOr onCancel()? }

)

// call the cancel() method to cancel the future

myCancelableFuture.cancel();

为了更清楚，请参阅下面的实际示例。

完整示例

应用预览

我们要构建的应用程序有一个浮动按钮。按下此按钮时，将开始异步操作（这需要 5 秒才能完成）。按钮的背景从靛蓝变为红色，其标签从“开始”变为“取消”，现在您可以使用它来取消Future。

如果您在Future完成前 5 秒内点击取消按钮，屏幕将显示“Future已被取消”。
如果您什么都不做，则 5 秒后屏幕将显示“Future completed”。

一个演示价值超过一千字：

代码

1.通过执行以下操作安装异步包：

1	`flutter pub add async`

然后运行：

1	`flutter pub get`

2.main.dart 中的完整源代码（附解释）：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

// main.dart

import 'package:flutter/material.dart';

import 'package:async/async.dart'

最低0.47元/天解锁文章

200万优质内容无限畅学

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

jh035 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。