flutter 弹窗队列封装,里面的自定义回调值得学习

参考
里面的这里回调TaskCallback Function学习一下,挺重要的

import 'dart:async';

//自定义回调类型
typedef TaskCallback = void Function(bool success, dynamic result);

///队列任务,先进先出,一个个执行
class TaskQueueUtils {
  static bool _isTaskRunning = false;
  List _taskList = [];

  static bool get isTaskRunning => _isTaskRunning;

  Future addTask(Future future) {
    Completer completer = Completer();
    TaskItem taskItem = TaskItem(
        content: future,
        callback: (success, result) {
          if (success) {
            completer.complete(result);
          } else {
            completer.completeError(result);
          }
        });
    _taskList.add(taskItem);
    _doTask();
    return completer.future;
  }

  void _doTask() async {
    if (_isTaskRunning) return;
    if (_taskList.isEmpty) return;

    //获取先进入的任务
    TaskItem task = _taskList[0];
    _isTaskRunning = true;

    var result;
    //执行任务
    try {
      result = await task.content;
      //完成任务
      task.callback(true, result);
      print("完成任务");
    } catch (e) {
      task.callback(false, e);
    } finally {
      _taskList.removeAt(0);
      _isTaskRunning = false;
    }

    //递归任务
    _doTask();
  }
}

///任务封装模型
class TaskItem {
  final Future content;//future耗时工作
  final TaskCallback callback;//用自定义的回调类型创建的对象,对象就有success和result两个变量了

  TaskItem({required this.content, required this.callback});
}

使用方式:

main() {
  TaskQueueUtils().addTask(Future.delayed(Duration(seconds: 2), () {
    print("task 1");
  }));
  TaskQueueUtils().addTask(Future.delayed(Duration(seconds: 1), () {
    print("task 2");
  }));
}

task1,task2 为模拟的耗时任务。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter 弹窗是一种用于在应用程序中显示提示、确认或自定义内容的界面元素。常见的 Flutter 弹窗包括 AlertDialog、CupertinoAlertDialog、SimpleDialog 等。 其中,AlertDialog 提示框是最常用的一种,可以通过 showDialog 方法来显示。可以根据需要设置参数,如 barrierDismissible、barrierColor、barrierLabel 和 anchorPoint 等,来控制弹窗的行为和样式。 除了内置的弹窗类型,我们还可以自定义一个 Dialog,并根据需要添加动画效果,如 GIF 图片等。这样可以实现更加个性化的弹窗效果。 总结来说,Flutter 弹窗是应用程序中常用的界面元素,可以通过内置的弹窗类型或自定义的方式来实现,可以根据需要设置参数来控制弹窗的行为和样式。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Flutter自定义Dialog实现版本更新弹窗功能的实现](https://download.csdn.net/download/weixin_38746926/12722459)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【Flutter】【弹窗弹窗的快速上手使用和自定义Dialog](https://blog.csdn.net/weixin_43444734/article/details/127481395)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值