zoukankan      html  css  js  c++  java
  • flutter 延时函数delay Loading页面

    loading 页面

    import 'package:flutter/cupertino.dart';
    import 'package:flutter/material.dart';
    
    class Loading {
      static bool isLoading = false;
    
      static void showLoading(BuildContext context) {
        if (!isLoading) {
          isLoading = true;
          showGeneralDialog(
              context: context,
              barrierDismissible: false,
              barrierLabel:
                  MaterialLocalizations.of(context).modalBarrierDismissLabel,
              transitionDuration: const Duration(milliseconds: 150),
              pageBuilder: (BuildContext context, Animation animation,
                  Animation secondaryAnimation) {
                return Align(
                  child: ClipRRect(
                    borderRadius: BorderRadius.circular(10),
                    child: Container(
                       100,
                      height: 100,
                      color: Colors.black54,
                      child: CupertinoActivityIndicator(),
                    ),
                  ),
                );
              }).then((v) {
            isLoading = false;
          });
        }
      }
    
      static void hideLoading(BuildContext context) {
        if (isLoading) {
          Navigator.of(context).pop();
        }
      }
    }
    
    

    延时函数

                FlatButton(
                  child: Text('点击loading'),
                  onPressed: () {
                    //loading
                    Loading.showLoading(context);
                    Future.delayed(Duration(milliseconds: 2000), () {
                      //关闭loading
                      Loading.hideLoading(context);
                    });
                    print('aaaa');
                  },
                ),
    
  • 相关阅读:
    Repeater中使用Button
    C#, JS, HTML 转义字符
    简化: ASP.NET 事件触发顺序
    必须写闭合标签
    JS通用窗口拖动函数
    SQL修修补补语句
    asp.net: RDLC 报表
    Ascx中引用(调用)JS文件,在用户控件中引用(调用)JS文件
    <a>
    JS, CSS 引用样式
  • 原文地址:https://www.cnblogs.com/qqcc1388/p/11690406.html
Copyright © 2011-2022 走看看