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