Flutter - 更改对话框中 CircularProgressIndicator 的大小 window
Flutter - change size of a CircularProgressIndicator in a dialog window
我想要一个带有 CircularProgressIndicator 的对话框 window。我想为对话框指定一个大小 window,所以我使用 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)
),
);
}
);
}
}
前段时间遇到了同样的问题。您可以使用此方法获得您想要的结果:
AlertDialog(
content: Column(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
SizedBox(
width: 150,
height: 150,
child: CircularProgressIndicator(),
),
],
),
);
我想要一个带有 CircularProgressIndicator 的对话框 window。我想为对话框指定一个大小 window,所以我使用 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)
),
);
}
);
}
}
前段时间遇到了同样的问题。您可以使用此方法获得您想要的结果:
AlertDialog(
content: Column(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
SizedBox(
width: 150,
height: 150,
child: CircularProgressIndicator(),
),
],
),
);