如何使 parent 只能点击？

Question

我想要实现的是让 parent 只能点击而不是 parent 的 child。假设，有一个大小为 400x400 的可点击容器，该容器的 child 是另一个大小为 200x200 的容器。

现在如果我们触摸第二个容器（较小的那个），它也是可点击的。如何防止小容器被点击？

我几乎尝试了所有方法，但我可能没有那么好的 flutter 技能，请帮助。

代码：

InkWell(onTap: (){print('Container Clicked');},child: 
Container(height: 400, width: 400, color: Colors.blue,
child: Center(child: Container(height: 200,width: 200, color: Colors.green,)),),)

Answer 1

试试这个

       InkWell(
          onTap: (){
            print('Container Clicked');
          },
            child: Container(
              height: 400, 
              width: 400, 
              color: Colors.blue,
              child: Center(
                child: GestureDetector(
                  onTap: () {}, /// <-- locked inkwell tap
                  child: Container(
                    height: 200,  
                    width: 200,
                    color: Colors.green,)
                ),
              ),
            ),
          )

Answer 2

希望我答对了你的问题。如果你只想让更大的容器可点击，这是代码，

Stack(
  children:[
    InkWell(
      onTap: (){
        print('Container Clicked');
      },
      child: Container(
        height: 400, width: 400,
        color: Colors.blue,
      ),
    ),
    Center(
      child: Container(
        height: 200,width: 200,
        color: Colors.green,
      ),
    ),
  ],
),

如何使 parent 只能点击？

How to make parent only CLICKABLE?

containers

android

onclick

flutter

flutter-layout