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源码增大点击区域, 更多内容欢迎关注之后的文章