flutter 自定义弹窗封装弹窗----在弹窗内实现部分窗体生命周期

原创

已于 2024-03-30 08:42:04 修改 · 576 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

于 2024-03-29 14:13:05 首次发布

小部件组件
可以在里面加装其他事件如HTTP接口访问

import 'package:flutter/material.dart';

///执行弹窗动画封装
class ExecutionDialog extends StatefulWidget {
   
   
  // final String? title;
  // final String? message;
  // final Function? onExecute;
  //
  // const ExecutionDialog({super.key, this.title, this.message, this.onExecute});

  const ExecutionDialog({
   
   
    super.key,
  });

  @override
  _ExecutionDialogState createState() => _ExecutionDialogState();
}

//封装执行动画 完整的自我生命周期
class _ExecutionDialogState extends State<ExecutionDialog> {
   
   
  ///固定预制参数
  Map<int, Widget> stateToWidgetMap = {
   
   
    0: Container(
      width: 65.0, // 设置容器的宽度
      height: 65.0, // 设置容器的高度
      child: const CircularProgressIndicator(
        strokeWidth: 5.0, // 设置进度圈的线宽
        valueColor: AlwaysStoppedAnimation<Color>(Colors.blue),
      ),
    ),
    1: const Image(
      image: AssetImage('assets/ic_timeout.png'),
      width: 65,
    ),
    2: const