Flutter 颤振如何删除gridview顶部空间

Flutter 颤振如何删除gridview顶部空间,flutter,dart,gridview,Flutter,Dart,Gridview,我在gridview上获得了一个空间。我试图把它移走,但没有成功。 看起来是这样的: 我想要的是: 这是我的密码: Container( margin: EdgeInsets.all(10), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ Text( &q

我在gridview上获得了一个空间。我试图把它移走,但没有成功。 看起来是这样的:

我想要的是:

这是我的密码:

Container(
      margin: EdgeInsets.all(10),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
              Text(
                "Check",
                style: TextStyle(color: Colors.black, fontSize: 18, fontWeight: FontWeight.bold),
                textAlign: TextAlign.left,
              ),
              GridView.count(
                physics: NeverScrollableScrollPhysics(),
                shrinkWrap: true,
            crossAxisCount: 1,
            crossAxisSpacing: 2,
            mainAxisSpacing: 10,
            childAspectRatio: 5.1,
            children: <Widget>[
              GestureDetector(
                child: _buildWidget("Car", 0),
                onTap: () => setState(() => _languageIndex = 0),
              ),
              GestureDetector(
                child: _buildWidget("Boat", 1),
                onTap: () => setState(() => _languageIndex = 1),
              ),
            ],
          ),
      ],
    ));

Widget _buildWidget(String language, int index) {
    bool isSelected = _languageIndex == index;
    return Container(
      alignment: Alignment.center,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(4),
        border: Border.all(color: isSelected ? Colors.blue.withOpacity(1.0) : Colors.black26),
        color: isSelected ? Colors.white.withOpacity(0.0) : Colors.white
      ),
      child:
      Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          SizedBox(width:10),
      Text(
        language,
        style: TextStyle(fontSize: 16,fontWeight: FontWeight.bold, color: isSelected ? Colors.black : Colors.black26),
      ),
      SizedBox(width:20),
      ],)
    );
  }

容器(
保证金:所有(10),
子:列(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
正文(
“支票”,
样式:TextStyle(颜色:Colors.black,fontSize:18,fontwweight:fontwweight.bold),
textAlign:textAlign.left,
),
GridView.count(
物理学:NeverscrollableScroll物理学(),
收缩膜:对,
交叉轴计数:1,
横轴间距:2,
平均间距:10,
儿童方面:5.1,
儿童:[
手势检测器(
子项:_buildWidget(“Car”,0),
onTap:()=>setState(()=>_languageIndex=0),
),
手势检测器(
孩子:_buildWidget(“船”,1),
onTap:()=>setState(()=>\u languageIndex=1),
),
],
),
],
));
Widget\u buildWidget(字符串语言,int索引){
bool isSelected=_languageIndex==索引;
返回容器(
对齐:对齐.center,
装饰:盒子装饰(
边界半径:边界半径。圆形(4),
边框:边框。全部(颜色:isSelected?颜色。蓝色。不透明度(1.0):颜色。黑色26),
颜色:isSelected?颜色。白色。不透明度(0.0):颜色。白色
),
儿童:
划船(
mainAxisAlignment:mainAxisAlignment.spaceBetween,
儿童:[
尺寸箱(宽度:10),
正文(
语言,
样式:TextStyle(fontSize:16,fontWeight:fontWeight.bold,颜色:isSelected?颜色。黑色:颜色。黑色26),
),
尺寸箱(宽度:20),
],)
);
}

如何删除文本和gridview之间的空格?或者我可以用另一种方式获得我想要的输出吗?

GridView小部件有一个默认的
填充
,您可以通过给它一个
填充
填充
来删除
填充

 GridView.count(
                       padding: EdgeInsets.zero // set padding to zero
                physics: NeverScrollableScrollPhysics(),
                shrinkWrap: true,
            crossAxisCount: 1,
            crossAxisSpacing: 2,
            mainAxisSpacing: 10,
            childAspectRatio: 5.1,
            children: <Widget>[
              GestureDetector(
                child: _buildWidget("Car", 0),
                onTap: () => setState(() => _languageIndex = 0),
              ),
              GestureDetector(
                child: _buildWidget("Boat", 1),
                onTap: () => setState(() => _languageIndex = 1),
              ),
            ],
          ),
GridView.count(
padding:EdgeInsets.zero//将padding设置为零
物理学:NeverscrollableScroll物理学(),
收缩膜:对,
交叉轴计数:1,
横轴间距:2,
平均间距:10,
儿童方面:5.1,
儿童:[
手势检测器(
子项:_buildWidget(“Car”,0),
onTap:()=>setState(()=>_languageIndex=0),
),
手势检测器(
孩子:_buildWidget(“船”,1),
onTap:()=>setState(()=>\u languageIndex=1),
),
],
),