Flutter - 在对话框窗口中更改 CircularProgressIndicator 的大小

Posted 2023-02-23

【中文标题】Flutter - 在对话框窗口中更改 CircularProgressIndicator 的大小

【英文标题】：Flutter - change size of a CircularProgressIndicator in a dialog window

【发布时间】：2020-04-08 08:45:36

【问题描述】：

我想要一个带有 CircularProgressIndicator 的对话窗口。我想为对话框窗口指定一个大小，所以我使用了 SizedBox。但是如果我改变高和宽的值，只有高会改变。 CircularProgressIndicator 是椭圆形而不是圆形。如何更改大小？

这是我的代码

import 'package:flutter/material.dart';

class Dialogs
waiting(BuildContext context)
  return showDialog(
    context: context,
    barrierDismissible: false,
    builder: (BuildContext context)
      return AlertDialog(
        content: SizedBox(
          width: 150.0,
          height: 150.0,
          child: CircularProgressIndicator(
        valueColor: AlwaysStoppedAnimation(Colors.blue),
        strokeWidth: 7.0)
        ),
        );
    
  );

【参考方案1】：

前段时间遇到了同样的问题。你可以使用这个来达到你想要的结果：

  AlertDialog(
      content: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          SizedBox(
            width: 150,
            height: 150,
            child: CircularProgressIndicator(),
          ),
        ],
      ),
    );