美文网首页Flutter
小白学Flutter - 一个方法的回调

小白学Flutter - 一个方法的回调

作者: 林希品 | 来源:发表于2023-11-23 10:38 被阅读0次

方式1:(推荐)

例子1🌰 点击一个方法 一秒后回调一个string出去

void main() {
  print('Start');
  
  // 调用带有回调的方法
  myDelayedMethod((result) {
    print('Result: $result');
  });

  print('End');
}

// 定义带有回调的方法
void myDelayedMethod(void Function(String) callback) {
  // 使用 Future.delayed 来模拟延迟一秒
  Future.delayed(Duration(seconds: 1), () {
    // 在一秒后调用回调,并传递字符串参数
    callback('Hello after 1 second!');
  });
}

例子2🌰 点击一个方法 倒计时10秒后返回一个string

import 'dart:async';

void main() {
  print('Start');

  // 调用带有倒计时的方法
  myCountdownMethod((result) {
    print('Result: $result');
  });

  print('End');
}

// 定义带有倒计时的方法
void myCountdownMethod(void Function(String) callback) {
  int countdown = 10;

  // 使用 Timer.periodic 创建一个定时器,每秒执行一次
  Timer.periodic(Duration(seconds: 1), (Timer timer) {
    // 每秒倒计时减一
    countdown--;

    // 如果倒计时结束,取消定时器并调用回调
    if (countdown <= 0) {
      timer.cancel();
      callback('Countdown finished!');
    }
  });
}

方式 2:

import 'dart:async';

void main() {
  print('Start');
  myDelayedMethod().then((result) {
    print('Result: $result');
  });
  print('End');
}

Future<String> myDelayedMethod() async {
  // 使用 Future.delayed 来模拟延迟一秒
  await Future.delayed(Duration(seconds: 1));

  // 返回字符串
  return 'Hello after 1 second!';
}

相关文章

  • Flutter中的方法回调

    类似于Android中的Callback;iOS中的block;大致思路是一样的,需要自定义一个函数或者使用官方自...

  • iOS原生和Flutter交互

    先来个图 1. Flutter调原生方法并返回结果给Flutter 先添加一个交互事件 flutter调用方法 i...

  • SDWebImage 获得网络图片后再置灰

    获得图片之后进行回调 置灰方法 小白总结,欢迎打脸指正

  • Flutter学习笔记

    生命周期 Flutter生命周期说白了就是回调方法(函数),主要是监听Widget事件,内存管理(销毁). 每一个...

  • 同步,异步

    js异步操作的方法:1.回调函数就是把一方法当作参数传到另一个方法里。有两种回调方式:同步回调和有异步回调 同步回...

  • Future--Demo

    创建Future (){}为Future的回调例如: Flutter相关回调函数 future中的函数: then...

  • 动画常用属性及回调方法

    常用UIView动画属性设置方法 动画回调方法的使用 1.代理回调方法 重写动画结束后的停止回调方法 2.setA...

  • oc调用js语句卡死随笔

    shareResultBlock 为回调方法。当回调方法中有 [_webView stringByEvalua...

  • 看这一篇就够了!浅谈ES6的Promise对象

    相信凡是写过javascript的童鞋也一定都写过回调方法(callback),简单说回调方法就是将一个方法fun...

  • Node Native (6) fs

    异步方法的最后一个参数都是一个回调函数。 传给回调函数的参数取决于具体方法,但回调函数的第一个参数都会保留给异常。...

网友评论

    本文标题:小白学Flutter - 一个方法的回调

    本文链接:https://www.haomeiwen.com/subject/wtxywdtx.html