Flutter 如何给GridView.Builder的孩子们提供高度
我想给gridview.builder的孩子们身高,但这是不能接受的。我尝试使用容器,但它不工作。。。 请帮忙Flutter 如何给GridView.Builder的孩子们提供高度,flutter,Flutter,我想给gridview.builder的孩子们身高,但这是不能接受的。我尝试使用容器,但它不工作。。。 请帮忙 GridView.builder( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, ), itemCount: snapshot.data.length,
GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
),
itemCount: snapshot.data.length,
itemBuilder: (BuildContext context, int index) {
return Container(
height: 280.0,
child: Column(
children: <Widget>[
Padding(
padding:
EdgeInsets.fromLTRB(10.0, 10.0, 10.0, 10.0),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
height: 208.5,
width: 138.75,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10.0),
image: DecorationImage(
image: NetworkImage(
"${snapshot.data[index].url}"),
fit: BoxFit.fill)),
),
),
Text(
snapshot.data[index].title,
style: TextStyle(fontSize: 17.0),
),
],
),
);
},
),`
GridView.builder(
gridDelegate:SliverGridDelegateWithFixedCrossAxisCount(
交叉轴计数:2,
),
itemCount:snapshot.data.length,
itemBuilder:(构建上下文,int索引){
返回容器(
身高:280.0,
子:列(
儿童:[
填充物(
衬垫:
LTRB(10.0,10.0,10.0,10.0,10.0)中的边缘集,
),
填充物(
填充:常数边集全部(8.0),
子:容器(
身高:208.5,
宽度:138.75,
装饰:盒子装饰(
边界半径:边界半径。圆形(10.0),
图像:装饰图像(
图片:NetworkImage(
“${snapshot.data[index].url}”),
适合:BoxFit.fill),
),
),
正文(
snapshot.data[index].title,
样式:TextStyle(字体大小:17.0),
),
],
),
);
},
),`
您希望使用
SliverGridDelegate的childAspectRatio
属性,最好使用MediaQuery
:
类主页扩展了无状态小部件{
最终清单项目=[
“项目1”,
“项目2”,
“项目3”,
“项目4”,
“项目5”,
“项目6”,
];
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(标题:Text('Home')),
正文:GridView.builder(
gridDelegate:SliverGridDelegateWithFixedCrossAxisCount(
交叉轴计数:2,
childAspectRatio:MediaQuery.of(context).size.width/
(MediaQuery.of(context.size.height/4),
),
itemCount:items.length,
itemBuilder:(上下文,索引){
返回网格图(子项:文本(项[索引]);
},
),
);
}
}
通过将childAspectRatio
0更改为1,您可以更改项目的高度使容器更大,纵横比应小于1但大于0。e、 g 0.4我必须以1:1(宽度:高度)的比例显示网格,但高度应额外增加100个像素。我该怎么办?请建议。谢谢
class HomePage extends StatelessWidget {
final List<String> items = <String>[
"Item 1",
"Item 2",
"Item 3",
"Item 4",
"Item 5",
"Item 6",
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Home')),
body: GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
childAspectRatio: MediaQuery.of(context).size.width /
(MediaQuery.of(context).size.height / 4),
),
itemCount: items.length,
itemBuilder: (context, index) {
return GridTile(child: Text(items[index]));
},
),
);
}
}