如何使扩展标题可点击?

Question

我的意思是，我想在点击标题时切换到另一个视图，在点击扩展tile中的图标时展开/折叠。

这是我的代码:

ExpansionTile(
title: categories.isEmpty
? Text('no items')
: Text(categories[i].name),
children: getSubCategories(i),
);

Answer 1

ExpansionTile根据设计展开，如果您希望子控件可点击，请选择具有onTap的小部件或将其与GestureDetector包裹。

ExpansionTile(title: Text('Expansion tile'), children: [
ListTile(
leading: const Text('List tile'),
onTap: () => Navigator.of(context).push(
MaterialPageRoute(
builder: (BuildContext context) {
return Container();
},
),
),
),
GestureDetector(
child: const Text('Wrapped'),
onTap: () => Navigator.of(context).push(
MaterialPageRoute(
builder: (BuildContext context) {
return Container();
},
),
),
)
])

Answer 2

找到解决方案了。只需将文本Widget包装到Inkwell中。