flutter - Flutter:如何使整行可点击
问题描述
如何使整行在颤动中可点击?我将以下代码包装在“GestureDetector”中。行中的单个项目是可点击的,但小部件周围的空白区域不可点击。
if ((auth.isLoggedIn)) ...[
GestureDetector(
onTap: () {
auth.signOut();
},
child: buildItem(
Image.asset("assets/images/logoff.png",),
"logout"
),
),
],
这是“buildItem”方法
Widget buildItem(Widget icon, String title) {
return Padding(
padding: const EdgeInsets.only(left: 20, right: 15),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
child: Row(
children: <Widget>[
icon,
SizedBox(width: 20.0),
Text(
title,
style: TextStyle(
fontSize: 16.0,
),
),
],
)),
Icon(
Icons.arrow_forward_ios,
size: 20.0,
),
],
),
);
}
这是输出。行中的每个项目(图标、文本和 >)都会响应点击手势。但是,空白(例如在文本和“>”之间)不响应点击
如何让整行响应点击。
解决方案
child: GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
///
},
推荐阅读
- api - 要么/或身体属性和多个示例
- java - 无法打开 sqlite 数据库,指定的目录或数据库文件不存在
- laravel - Laravel 5.8 / VueJs 2 / Axios GET 请求不发送 cookie(CORS、子域)
- c# - 如何为此数据编写 LINQ
- c# - C#如何将图像文件打开为位图但按比例缩小?
- flutter - FutureBuilder 运行两次
- merge - 在 CR 中,您可以将多行合二为一吗?
- python - Pandas 数据帧到基于组分配的稀疏矩阵(如果在组中,则为 1,如果不在组中,则为 0)
- java - 在 mvn 包阶段在 Dockerfile 中包含本地 Maven m2 存储库?
- reactjs - 打开时控制反应选择菜单滚动位置