Flutter之网络请求过渡动画--LoadingDialog

最新推荐文章于 2026-05-02 10:12:05 发布

原创

最新推荐文章于 2026-05-02 10:12:05 发布 · 2.1w 阅读

标签

#Flutter #Dialog

收录于

本文介绍了如何在Flutter中使用LoadingDialog进行网络请求，并通过回调函数实现在请求完成后关闭Dialog。详细讨论了实现思路，包括传递Future函数给Dialog并在完成时自动关闭，以及提供了其他实现方式的探讨。

2月27日更新

今日又用到了我自己写的 loadDialog，才发现以前的写法是如此的简陋。现在我想到了另外一个方法。关于如何在 A 页面执行的方法中来关闭弹出的 Dialog。

主要用到了回调

代码如下：

import 'dart:async';

import 'package:flutter/material.dart';

// ignore: must_be_immutable
class NetLoadingDialog extends StatefulWidget {
   
   
  String loadingText;
  bool outsideDismiss;

  Function dismissDialog;

  NetLoadingDialog(
      {
   
   Key key,
      this.loadingText = "loading...",
      this.outsideDismiss = true,
      this.dismissDialog})
      : super(key: key);

  @override
  State<NetLoadingDialog> createState() => _LoadingDialog();
}

class _LoadingDialog extends State<NetLoadingDialog> {
   
   
  _dismissDialog() {
   
   
    Navigator.of(context).pop();
  }

  @override
  void initState() {
   
   
    super.initState();
    if (widget.dismissDialog != null) {
   
   
      widget.dismissDialog(