Flutter GestureDetector帮助小视频app源码增大点击区域
【摘要】 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))
])),
),
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）