如点击一个文字加图标,外面是Row,发现点击区域很小,代码如下:
GestureDetector(
onTap: () async {
Routers.push(Routers.regularListPage, context,
callBack: (value) => homeModel.refreshData());
},
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Text(
S().string_all,
style: TextStyle(
color: colorA4A4A4,
fontSize: 12,
decoration: TextDecoration.none,
),
),
SizedBox(width: 2),
Container(
margin: EdgeInsets.only(top: 1.6),
child: Icon(Icons.arrow_forward_ios,
size: 10.0, color: colorA4A4A4))
])),
修改方法外面包裹Container 然后并且必须设置背景色, 如果不设置背景色,点击区域仅仅是里面图片和文字的很小的范围,
GestureDetector(
onTap: () async {
Routers.push(Routers.regularListPage, context,
callBack: (value) => homeModel.refreshData());
},
child: Container(
color: appWhite, //包裹Container 然后并且设置背景色
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Text(
S().string_all,
style: TextStyle(
color: colorA4A4A4,
fontSize: 12,
decoration: TextDecoration.none,
),
),
SizedBox(width: 2),
Container(
margin: EdgeInsets.only(top: 1.6),
child: Icon(Icons.arrow_forward_ios,
size: 10.0, color: colorA4A4A4))
])),
),
|