【发布时间】：2019-07-07 06:05:21
【问题描述】：
我需要从 REST 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: <Widget>[
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/flutter (5917): ══╡ 渲染库发现异常 ╞═════════════════════════════════════════════════ ════════ I/颤振 ( 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: <Widget>[
Container(
child: ListView.builder(
shrinkWrap: true,
itemCount: 2,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text("City"),
onTap: () => {},
);
},
),
)
]
),
);
}
);
【问题讨论】：
-
尝试从容器中取出宽度和高度值？
-
什么意思？如果缺少宽度、高度，我会收到异常“RenderViewport 不支持返回固有尺寸。”
标签： flutter listview flutter-layout size android-alertdialog