flutter 如何实现延迟效果

最新推荐文章于 2026-04-07 22:54:09 发布

原创最新推荐文章于 2026-04-07 22:54:09 发布 · 6.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

flutter开发专栏收录该内容

32 篇文章

订阅专栏

本文介绍了在Flutter开发中实现延迟效果的几种方法，包括使用Flutter自带的Future.delayed函数和Rxdart库的Observable.just结合delay方法。通过具体代码示例展示了如何封装Rxdart的延迟处理，并提供了取消订阅的示例。

在实际开发中，我们经常需要对操作进行一个延迟效果

Flutter自带函数

Future.delayed(Duration(milliseconds: 500), () {
});

使用Rxdart

Observable.just(1).delay(new Duration(milliseconds: 500)).listen((_) {
    });

简单封装下Rxdart


import 'dart:async';

import 'package:rxdart/rxdart.dart';

class RxApp {

  //rx延迟处理
  static StreamSubscription delay(int milliseconds,var f)
  {
     return  Observable.just(1).delay(Duration(milliseconds: milliseconds)).listen(f);
  }

  //取消StreamSubscription
  static cancel(StreamSubscription subscription)
  {
    subscription?.cancel();
  }
}

使用：
  subscription= RxApp.delay(1500, (_) {
        Toast.show("下架");
      });
`

取消
 @override
  void dispose() {
    // TODO: implement dispose
    super.dispose();
    RxApp.cancel(subscription);
  }``