温馨提示×

如何通过alertdialog显示进度条

小樊
90
2024-10-16 17:42:13
栏目: 编程语言

要通过AlertDialog显示进度条,你可以使用showProgress()方法。以下是一个简单的示例,展示了如何在Flutter中使用showProgress()方法创建一个带有进度条的AlertDialog:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Progress Dialog Example')),
        body: Center(child: Builder(builder: (context) {
          return ElevatedButton(
            onPressed: () {
              showDialog(
                context: context,
                builder: (BuildContext context) {
                  return Center(
                    child: CircularProgressIndicator(),
                  );
                },
              );
            },
            child: Text('Show Progress Dialog'),
          );
        })),
      ),
    );
  }
}

在这个示例中,我们创建了一个简单的Flutter应用,其中包含一个按钮。当用户点击按钮时,会显示一个包含进度条的AlertDialog。CircularProgressIndicator()是一个简单的进度条组件。

请注意,这个示例仅展示了如何在Flutter中使用showProgress()方法显示一个简单的进度条。在实际应用中,你可能需要根据你的需求自定义进度条的样式和行为。

0