我试图弄清楚为什么InkWell中的onTap()
方法不起作用。 InkWell小部件位于Flexible
小部件内。这个Flexible
小部件也位于里面
一个Row
。
这是我的代码:
TextEditingController controller = new TextEditingController();
@override
void dispose(){
super.dispose();
controller.dispose();
}
@override
Widget build(BuildContext context) {
return Card(
child: Container(
child: Row(
children: <Widget>[
Flexible(
child: InkWell(
onTap: () => print("Search"), //Is not printing anything
child: TextField(
controller: controller,
decoration: InputDecoration(
border: InputBorder.none,
hintText: "Searching..."
),
),
),
)
],
),
decoration: BoxDecoration(
borderRadius: BorderRadius.all(
Radius.circular(8.0)
),
),
),
);
}
我不知道如何解决我的问题。如果有人能够解决它,那就太好了。
最佳答案
将IgnorePointer
包装在Inkwell的 child 中将解决此问题:
Widget build(BuildContext context) {
return Card(
child: Container(
child: Row(
children: <Widget>[
Flexible(
child: InkWell(
onTap: () => print("Search"), //Is not printing anything
child: IgnorePointer(
child: TextField(
controller: controller,
decoration: InputDecoration(
border: InputBorder.none,
hintText: "Searching..."
),
),
),
),
)
],
),
decoration: BoxDecoration(
borderRadius: BorderRadius.all(
Radius.circular(8.0)
),
),
),
);
}
关于android - Flutter-InkWell对Flexible内部的onTap没有反应,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/52997295/