如何设置网格视图列的高度? [英] How to set grid view column height?

问题描述

我是新手，只能体验1天的体验
我正在尝试使用Flutter开发一个Android应用，这是我以前的应用设计

I am new to flutter only 1 day experence
I am trying to develop an android app using flutter and this is my previous app design

我成功地使网格视图变得扑朔迷离，但列高是一个问题，他们的任何人都可以帮助我
我的颤动代码

and I successfully make grid view in flutter but the column height is a problem is their anyone who can help me
My flutter code

 class MyHomePage extends StatelessWidget {

  @override
   Widget build(BuildContext context) {
     hi(){

    }
     return new Scaffold(

         appBar: new AppBar(
           actions: <Widget>[],
                title: new Text("milla"),
              ),
       body: new Container(


         child: new Center(

            child: new GridView.count(
              shrinkWrap: true,
              scrollDirection: Axis.vertical,
              childAspectRatio:1.0,
              crossAxisCount: MediaQuery.of(context).size.width <= 400.0 ? 3 : MediaQuery.of(context).size.width >= 1000.0 ? 5 : 4,

           // Create a grid with 2 columns. If you change the scrollDirection to
           // horizontal, this would produce 2 rows.

           crossAxisSpacing: 2.0,
           // Generate 100 Widgets that display their index in the List
           children: new List.generate(100, (index) {

             return  new Column(
                 crossAxisAlignment: CrossAxisAlignment.stretch,
                 mainAxisSize: MainAxisSize.min,

                 verticalDirection: VerticalDirection.down,
                 children: <Widget>[


                   new Center(

                     child:  new Image(


                         image: new NetworkImage('https://github.com/flutter/website/blob/master/_includes/code/layout/lakes/images/lake.jpg?raw=true')
                     )
                   ),
                   new Expanded(child: new Text("apple2")), new Expanded(child: new Text(
                   'Item $index',
                   style: Theme.of(context).textTheme.headline,
                 )),new Expanded(child: new Center(child: new Row(
                     crossAxisAlignment: CrossAxisAlignment.center,

                     children: <Widget>[new Text("+",style: new TextStyle(fontSize: 24.0),),new Text("1"),new Text("-")])))]
             );
           }),
         ),
        ),
      )
     );
   }
 }

这是我的输出.如何设置列高?
当我添加新视图时，它显示此错误
引发了另一个异常:RenderFlex在底部溢出了21个像素."

And this is my out put . How to set column height?
When i adding new view it showing this error
"Another exception was thrown: A RenderFlex overflowed by 21 pixels on the bottom."

推荐答案

将其替换为

childAspectRatio:1.0 to  childAspectRatio: (itemWidth / itemHeight)

var size = MediaQuery.of(context).size;
 final double itemHeight = (size.height) / 2;
 final double itemWidth = size.width / 2;

在我的代码中可以很好地设置Gridview的高度和宽度

It works fine in my code to set height and width of Gridview

这篇关于如何设置网格视图列的高度?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！