Flutter GestureDetector帮助小视频app源码增大点击区域

Flutter GestureDetector帮助小视频app源码增大点击区域
如点击一个文字加图标，外面是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))
])),
),

 

以上就是Flutter GestureDetector帮助小视频app源码增大点击区域， 更多内容欢迎关注之后的文章