|
|
相关文章推荐
|
要出家的灭火器 · PDF格式转换工具百度网盘下载地址及破解方法 ...· 3 月前 · |
|
|
无邪的煎饼 · 固始县人民政府门户网站· 6 月前 · |
|
|
微醺的大象 · 困在印尼苏拉威西岛的中国工人：回国机票“一票 ...· 1 年前 · |
|
|
冷静的柳树 · 影评：《黑皮书》，两个女主角的“美人计”(图 ...· 1 年前 · |
|
|
刚毅的火车 · 车车快告彭凯： 打造车库入口场景的传播价值· 1 年前 · |
我正在尝试为我的应用程序制作一个加载屏幕，我正在使用
widget，但我想知道有没有办法让它在高度和宽度上更大，它太小了。
有人能帮我一下吗？
9 个回答
高票数
最新
hankchiutw
修改于2018-12-10 02:27
得票数
176
你可以把你的
在一个
小部件
@override
Widget build(BuildContext context) {
return Container(
child: Center(
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SizedBox(
child: CircularProgressIndicator(),
height: 200.0,
width: 200.0,
SizedBox(
child: CircularProgressIndicator(),
height: 50.0,
width: 50.0,
SizedBox(
child: CircularProgressIndicator(),
height: 10.0,
width: 10.0,
);
Nithin Francis
回答于2019-08-13 16:51
得票数
5
这可能会很有用
Container(
width: 50.0,
height: 20.0,
child: (CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation(
Colors.green,
backgroundColor: Colors.red,
value: 0.2,
))),
sh0umik
回答于2019-09-18 23:09
得票数
20
属性包装指示器，可以更好地控制指示器的大小。
小工具。这不会造成伤害，但可以完成工作。在我的例子中，is使用了一个
按钮内部的小加载指示器。
Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Center(
child: Container(
height: 20,
width: 20,
margin: EdgeInsets.all(5),
child: CircularProgressIndicator(
strokeWidth: 2.0,
valueColor : AlwaysStoppedAnimation(Colors.white),
);
Miguel Gamarra Ramos
回答于2019-10-03 12:48
得票数
-1
bool isLoading = false;
Widget build(BuildContext context) {
return isLoading
? _loadingIndicator()
: FlatButton.icon(
icon: Icon(Icons.arrow_forward),
label: Text('Go to'),
onPressed: () async {
setState(() => isLoading = true);
// Async code ---> Then
setState(() => isLoading = false);
Widget _loadingIndicator() {
return Padding(
padding: EdgeInsets.symmetric(vertical: 12.0),
child: SizedBox(
child: CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation(Colors.blue),
strokeWidth: 3.0,
height: 25.0,
width: 25.0,
}
user48956
修改于2020-12-02 01:23
得票数
49
请测试你的答案。
只需将CircularProgressIndicator放在SizedBox或容器中：
main() =>
runApp(
SizedBox(width: 30, height: 30, child: CircularProgressIndicator()));..。仍然会导致CircularProgressIndicator填充可用空间。SizedBox不约束CircularProgressIndicator (这看起来像Flutter中的错误)。
但是，使用Center包装它将使其正常工作：
main() =>
runApp(Center(child:
SizedBox( width: 30, height: 30, child: CircularProgressIndicator())));我在Github上抱怨过这种令人困惑的行为。flutter团队做出了有益的回应，提供了新的文档，解释说如果无法确定小部件的对齐方式，则可以忽略小部件的所需大小。
https://github.com/flutter/website/pull/5010/commits/3070c777a61b493b46cdde92fa7afc21de7adf25
Purushotam Kumar
回答于2020-10-06 18:32
得票数
3
这就是解决方案，它对我很有效。
Center(
heightFactor: 1,
widthFactor: 1,
child: SizedBox(
height: 16,
width: 16,
child: CircularProgressIndicator(
strokeWidth: 1.5,
)
Anees Hameed
回答于2020-10-10 05:25
得票数
20
简单总是强大的，用transform小部件包装它
Transform.scale(
scale: 0.5,
child: CircularProgressIndicator(),
)
Magnus
回答于2020-12-10 00:44
得票数
1
我唯一能阻止
从顶部、底部、左侧和右侧被裁剪的方法是将其包装在
填充设置为指示器描边宽度的一半。
Padding(
padding: EdgeInsets.all(5),
child: SizedBox(
width: 100,
height: 100,
child: CircularProgressIndicator(
strokeWidth: 10,
)虽然不确定为什么这会突然成为一个问题，但我已经使用循环进度指示器多年了，以前没有任何问题。