Flutter遮罩加载对话框插件 dim_loading_dialog 的使用

dim_loading_dialog 是一个用于Flutter应用的可定制进度对话框插件，它提供了背景颜色渐变和模糊效果的平滑动画。

示例

开始使用

安装

在您的 pubspec.yaml 文件中添加依赖项：

dependencies:
  dim_loading_dialog: ^0.0.3

然后运行以下命令来获取包：

$ flutter pub get

导入

在项目中导入该类：

import 'package:dim_loading_dialog/dim_loading_dialog.dart';

显示对话框

显示简单的进度对话框

DimLoadingDialog dimDialog = DimLoadingDialog(
    context,
    blur: 2,
    backgroundColor: const Color(0x33000000),
    animationDuration: const Duration(milliseconds: 500));

dimDialog.show(); // 显示对话框
dimDialog.dismiss(); // 关闭对话框

自定义加载小部件

DimLoadingDialog customDimDialog = DimLoadingDialog(
    context,
    blur: 2,
    backgroundColor: Color(0x33000000),
    loadingWidget: Container(
        width: 150,
        height: 150,
        color: Colors.red,
        child: CircularProgressIndicator(),    
    ));  

customDimDialog.show();

属性

完整示例 Demo

以下是一个完整的示例代码，展示了如何使用 dim_loading_dialog 插件：

import 'package:flutter/material.dart';
import 'package:dim_loading_dialog/dim_loading_dialog.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Dim Loading Dialog Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  [@override](/user/override)
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  late DimLoadingDialog _dialog;

  [@override](/user/override)
  void initState() {
    super.initState();
    _dialog = DimLoadingDialog(
      context,
      blur: 2,
      backgroundColor: const Color(0x33000000),
      animationDuration: const Duration(milliseconds: 500),
      loadingWidget: Container(
        width: 150,
        height: 150,
        decoration: BoxDecoration(
          color: Colors.red,
          borderRadius: BorderRadius.circular(10),
        ),
        child: Center(
          child: CircularProgressIndicator(
            valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
          ),
        ),
      ),
    );
  }

  void _showDialog() {
    _dialog.show();
  }

  void _dismissDialog() {
    _dialog.dismiss();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Dim Loading Dialog Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: _showDialog,
              child: Text('Show Dialog'),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _dismissDialog,
              child: Text('Dismiss Dialog'),
            ),
          ],
        ),
      ),
    );
  }
}