溫馨提示×

如何通過alertdialog顯示進度條

小樊
86
2024-10-16 17:42:13
欄目: 編程語言

要通過AlertDialog顯示進度條,你可以使用showProgress()方法。以下是一個簡單的示例,展示了如何在Flutter中使用showProgress()方法創(chuàng)建一個帶有進度條的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'),
          );
        })),
      ),
    );
  }
}

在這個示例中,我們創(chuàng)建了一個簡單的Flutter應(yīng)用,其中包含一個按鈕。當用戶點擊按鈕時,會顯示一個包含進度條的AlertDialog。CircularProgressIndicator()是一個簡單的進度條組件。

請注意,這個示例僅展示了如何在Flutter中使用showProgress()方法顯示一個簡單的進度條。在實際應(yīng)用中,你可能需要根據(jù)你的需求自定義進度條的樣式和行為。

0