Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 如何给GridView.Builder的孩子们提供高度_Flutter - Fatal编程技术网

Flutter 如何给GridView.Builder的孩子们提供高度

Flutter 如何给GridView.Builder的孩子们提供高度,flutter,Flutter,我想给gridview.builder的孩子们身高,但这是不能接受的。我尝试使用容器,但它不工作。。。 请帮忙 GridView.builder( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, ), itemCount: snapshot.data.length,

我想给gridview.builder的孩子们身高,但这是不能接受的。我尝试使用容器,但它不工作。。。 请帮忙

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]));
        },
      ),
    );
  }
}