Reloaded 1 of 456 libraries in 282ms.
I/flutter ( 2286): ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
I/flutter ( 2286): ════════════════════════════════════════════════════════════════════════════════════════════════════
图片底部出现“BOTTOM OVERFLOWED BY 0.264 PIXELS”边框:

代码如下:
class HomeContent extends StatelessWidget{
List<Widget> _getListData(){
var list = listData.map((item){
return Container(
child: Column(
children: <Widget>[
Image.network(
item['imageUrl'],
fit: BoxFit.cover,
),
Text(
item['title'],
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 18
),
),
Text(
item['author'],
style: TextStyle(
fontSize: 14,
color: Color.fromARGB(100, 0, 0, 0)
),
)
],
),
);
});
return list.toList();
}
@override
Widget build(BuildContext context) {
return GridView.count(
crossAxisSpacing:10,
mainAxisSpacing: 10,
crossAxisCount: 3,
padding: EdgeInsets.all(10),
children: this._getListData(),
);
}
}
网上查,说是图片超出容器,要给图片设置高度,这里,除了给图片高度,还可以改变网格的宽高比例,让高度比例更大点,修改后
class HomeContent extends StatelessWidget{
List<Widget> _getListData(){
var list = listData.map((item){
return Container(
child: Column(
children: <Widget>[
Image.network(
item['imageUrl'],
fit: BoxFit.cover,
//这里给高度也能解决
height: 100,
),
Text(
item['title'],
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 18
),
),
Text(
item['author'],
style: TextStyle(
fontSize: 14,
color: Color.fromARGB(100, 0, 0, 0)
),
)
],
),
);
});
return list.toList();
}
@override
Widget build(BuildContext context) {
return GridView.count(
crossAxisSpacing:10,
mainAxisSpacing: 10,
crossAxisCount: 3,
//这里给比例可以解决
childAspectRatio: 0.7,
padding: EdgeInsets.all(10),
children: this._getListData(),
);
}
}
