我想在Flutter中显示自定义进度对话框(类似于iOS默认对话框)

时间:2020-01-09 09:02:01

标签: flutter

当前我正在使用默认的Flutter对话框

Scaffold(
        appBar: AppBar(
          backgroundColor: Color(0xFFB50208),
          title: const Text('Progressbar'),
        ),
        body: Center(
          child: CircularProgressIndicator(),
        )
    )

但是下面是我需要实现的图像

enter image description here

1 个答案:

答案 0 :(得分:1)

首次导入Cupertino小部件:

import 'package:flutter/cupertino.dart';

然后您可以使用它:

showDialog(
    context: context,
    builder: (context) => Center(
      child: Container(
        width: 60.0,
        height: 60.0,
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.circular(4.0),
        ),
        child: Padding(
          padding: const EdgeInsets.all(12.0),
          child: CupertinoActivityIndicator(),
        ),
      ),
    ),
  );
);

要关闭,请使用Navigator.pop(context);