flutter - 行布局错误中的 Flutter GridView.count
问题描述
我是 Flutter 的新手,我想连续绘制一个图像网格。我使用了这个例子Flutter - Layout a Grid但每次出现错误时都会显示
Widget buildView(){
return new Container(
color: Colors.white,
child:
new Padding(
padding: EdgeInsets.all(8.0),
child: new Column(
children: <Widget>[
new Row(
children: <Widget>[
Flexible(
child: new GridView.count(
crossAxisCount: 4,
childAspectRatio: 1.0,
padding: const EdgeInsets.all(4.0),
mainAxisSpacing: 4.0,
crossAxisSpacing: 4.0,
children: <String>[
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
].map((String url) {
return new GridTile(
child: new Image.network(url, fit: BoxFit.cover));
}).toList()),
),
],
),
],
),
],
),
),
);
}
每次出现此错误“垂直视口被赋予无限高度”时,我都会编码
解决方案
除非您尝试划分行,否则您不需要将 GridView 包装在行中。您可以只使用 GridView。
new GridView.count(
crossAxisCount: 4,
childAspectRatio: 1.0,
padding: const EdgeInsets.all(4.0),
mainAxisSpacing: 4.0,
crossAxisSpacing: 4.0,
children: <String>[
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
].map((String url) {
return new GridTile(
child: new Image.network(url, fit: BoxFit.cover));
}).toList()),
如果你真的想将它包装在一行中,你需要用一个容器包装 GridView 并定义一个宽度或用一个灵活的包装
Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Flexible(
child: new GridView.count(
crossAxisCount: 4,
childAspectRatio: 1.0,
padding: const EdgeInsets.all(4.0),
mainAxisSpacing: 4.0,
crossAxisSpacing: 4.0,
children: <String>[
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
'https://via.placeholder.com/150',
].map((String url) {
return new GridTile(
child: new Image.network(url, fit: BoxFit.cover));
}).toList()),
),
],
),
如果你得到无限的高度错误,只需用容器或大小的盒子包装它并定义一个高度
推荐阅读
- lua - 使用 Luacom 和 ADODB 在 Lua 中读取文本文件:错误
- r - 测试数据集的正态性
- ios - 在 Kivy 上使用工具链编译 ERROR
- linux - 为什么 pod 状态仍然是“PENDING”?
- winapi - 多个光标(插入符号)一次功能,就像在 Visual Studio Code 中一样,但在每个 Windows 应用程序中?
- node.js - 开发人员如何维护旧项目?
- amazon-web-services - 如何在没有 ssh 和 aws 连接的情况下启用 AWS EC2 dhcp4
- pyqt5 - 如何在 PyQt5 中导入 QColorConstants 命名空间?
- python - 需要帮助在 python 中打开文件
- django - 过滤从 Wagtail 核心页面导入的多个模型的自定义字段