作者:QFWQF2010_899 | 来源:互联网 | 2022-11-17 10:58
我需要从其余Web服务动态加载列表城市,并让用户从警报对话框中选择一个城市。我的代码:
createDialog() {
fetchCities().then((response) {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text('Wybierz miasto'),
content: Container(
height: 200.0,
width: 400.0,
child: ListView.builder(
shrinkWrap: true,
itemCount: response.length,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text(response[index].name),
onTap: () => citySelected(response[index].id),
);
},
),
),
);
}
);
});
}
结果-对话框始终为200x400,即使只有2个城市可用,底部仍留有不必要的空间:
如何使对话框的宽度/高度适合实际项目的大小?如果省略height
和width
参数,则会出现异常,并且不会显示任何对话框。在本机Android Java中,我不需要指定任何尺寸,因为对话框本身会自动调整大小。
如何修复我的代码以正确设置对话框大小?请注意,我不知道项目数,它是动态的。
[编辑]
如建议的那样,我用列包装内容:
createDialog() {
fetchCities().then((response) {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text('Wybierz miasto'),
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
child: ListView.builder(
shrinkWrap: true,
itemCount: response.length,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text(response[index].name),
onTap: () => citySelected(response[index].id),
);
},
),
)
]
),
);
}
);
});
}
结果-异常:
I /颤振(5917):??? 渲染库导致的例外情况??????????????????????????????????????????????????? ????????????? I / flutter(5917):在performLayout()期间引发了以下断言:I / flutter(5917):RenderViewport不支持返回固有尺寸。I / flutter(5917):计算固有尺寸将需要实例化视口的每个子级,而I / flutter(5917):消除了视口懒惰的观点。
要测试的通用代码:
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text('Select city'),
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
child: ListView.builder(
shrinkWrap: true,
itemCount: 2,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text("City"),
onTap: () => {},
);
},
),
)
]
),
);
}
);
小智..
11
你的包裹Container
内Column
,在内容paramenter,它的内部,设置mainAxisSize.min
在列属性
1> 小智..:
你的包裹Container
内Column
,在内容paramenter,它的内部,设置mainAxisSize.min
在列属性