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: [
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( 大连无痛人流医院 http://www.bhbyby.net/
color: appWhite, //包裹Container 然后并且设置背景色
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
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))
])),
),
- 点赞
- 收藏
- 关注作者
评论(0)