Flutter 自定义弹框与定时器

最新推荐文章于 2024-01-20 17:32:09 发布

不语风来去

最新推荐文章于 2024-01-20 17:32:09 发布

阅读量393

点赞数

分类专栏： Flutter 文章标签： flutter

本文链接：https://blog.csdn.net/weixin_38397436/article/details/116902214

版权

Flutter 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

实现

import 'package:flutter/material.dart';

class CustomDialog extends Dialog {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Material(
      //设置背景半透明
      type: MaterialType.transparency,
      child: Center(
        child: Container(
          width: 100,
          height: 100,
          decoration: BoxDecoration(
              color: Colors.red,
              borderRadius: BorderRadius.all(Radius.circular(50))),
          child: Center(
            child: Text("自定义dialog"),
          ),
        ),
      ),
    );
  }
}

使用

同系统的AlertDialog使用方式一致,只是在builder回调中,返回自定义的dialog

  showDialog(context: context, builder: (context){
      return CustomDialog();
    });

定时器

  Timer.periodic(
  //定义时间 单位毫秒
  Duration(milliseconds: 3000),
  
  //时间到达时的回调函数
   (timer) {
      Navigator.pop(context);
      timer.cancel();
    });