Flutter - GestureDetector не работает с контейнерами в стеке

Попробуйте установить для свойства behavior GestureDetector значение HitTestBehavior.translucent.

Использование InkWell вместо GestureDetector решило мою проблему.

Для меня это была проблема с переполнением элементов за пределами Stack с clipBehavior: Clip.none.

В этом случае элемент виден, но его нельзя коснуться. Поэтому я обновил свой макет, чтобы удалить clipBehavior: Clip.none на моем Stack, и GestureDetector начал работать. ????

В моем случае внутри стека был CustomPainter. Ничего из вышеперечисленного не работало, пока я не дал CustomerPainter размер. Он отображался без явного указания размера, но события касания не запускались:

Container(
      child: CustomPaint(
    size: Size(30, 30),
    painter: RecordingButton(30),
  ))

Я думаю, что ваши виджеты накладываются друг на друга, и это вызывает проблему. вы можете проверить это, обернув свой GestureDetector контейнером и предоставив цвет, чтобы лучше понять.

вашего кода недостаточно, поэтому я добавил следующий пример, который может помочь вам понять более четко.

поменяйте местами положение GestureDetector в примере, и вы можете обнаружить, что в первом случае он печатает только второй, а в другом случае, если вы щелкнете в верхней части, он сначала распечатает.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Firebase Auth Demo',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new Card(
        margin: EdgeInsets.all(40.0),
        child: new Column(
          mainAxisSize: MainAxisSize.max,
          children: <Widget>[
            GestureDetector(
              onTap: () => print("first container"),
              child: Container(
                width: 340.0,
                foregroundDecoration: new BoxDecoration(
                    color: Color.fromRGBO(155, 85, 250, 0.0)),
                height: 240.0,
                child: FadeInImage.assetNetwork(
                  placeholder: 'images/p1.png',
                  image:
                  "https://www.straitstimes.com/sites/default/files/styles/article_pictrure_780x520_/public/articles/2016/06/15/ST_20160615_LLIMH_2368135.jpg?itok=8Dggu2PM&timestamp=1465926004",
                  fit: BoxFit.cover,
                ),
              ),
            ),
            new GestureDetector(
              child: new Container(
                foregroundDecoration: BoxDecoration(
                    color: Color.fromRGBO(155, 85, 250, 0.4)),
                child: Row(
                  mainAxisSize: MainAxisSize.max,
                  children: <Widget>[
                    SizedBox(width: 7.0),
                    CircleAvatar(
                      backgroundImage: new AssetImage("images/p2.jpg"),
                      radius: 30.0,
                    ),
                    SizedBox(
                      width: 7.0,
                    ),
                    Expanded(
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: <Widget>[
                          new SizedBox(
                            height: 20.0,
                          ),
                          Text(
                            "sfvgefbv",
                            style: TextStyle(fontWeight: FontWeight.bold),
                          ),
                          Text(
                            "sfvmsfkv",
                            style: TextStyle(
                                color: Colors.grey, fontSize: 10.0),
                          ),
                        ],
                      ),
                    ),
                    new Container(
                      alignment: AlignmentDirectional.centerEnd,
//            todo add here check if not logged in then ask to
                      child: Row(
                        mainAxisSize: MainAxisSize.min,
                        mainAxisAlignment: MainAxisAlignment.start,
                        children: <Widget>[
                          IconButton(
                              icon: Icon(
                                Icons.comment,
                                color: Colors.green,
                              ),
                              onPressed: () => print("message click")),
                          Text(
                            "2",
                            style: TextStyle(
                              color: Colors.green,
                            ),
                          ),
                          SizedBox(
                            width: 10.0,
                          )
                        ],
                      ),
                    ),
                  ],
                ),
              ),
              onTap: () => print("this is second container"),
            ),
            new Expanded(
              child: Container(
                padding: EdgeInsets.all(10.0),
                child: Column(
                  children: <Widget>[
                    Text(
                      "fsvkmfskbnmkffvberk",
                      style: TextStyle(
                          color: Colors.green, fontWeight: FontWeight.bold),
                    ),
                    new Text(
                      "svklmfslkbnernkjrnvkrwjnvrw",
                      maxLines: 6,
                      overflow: TextOverflow.ellipsis,
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Вам следует попробовать обернуть свой контейнер AbsorbPointer.

Из-за _1 _ .. На вашем GestureDetector есть какие-то widget.

Решение:

Stack(
        children: <Widget>[
              ...//Other widgets,
              GestureDetector()
        ]

Для других, приходящих к этому сообщению, еще одна вещь, которая может вызвать эту проблему, - это то, что AbsorbPointer выше - это иерархия.

Другой GestureDetector в дереве BuildContext

Хорошо, с моей стороны, это было довольно глупо, но поскольку это может случиться со многими из нас, я объясню:

Мое дерево контекста сборки (упрощенное для примера) было таким:

Widget build(BuildContext context) {

return (...) (
    child: GestureDetector(
        onTap: () => _myFunction(),
        child: Container(
            height: 64.0,
            width: 128.0,
            child: (...)

Кажется законным, правда? Но затем я более подробно изучил нижнюю часть своего дерева:

(...)
        onTap: () => _myFunction(),
        child: Container(
            height: 64.0,
            width: 128.0,
            child: TheSourceOfEvil() // <-- whoopsie!

Быстро проверил TheSourceOfEvil и выяснил, что виновником на самом деле был ДРУГОЙ GestureDetector, у которого есть дочерний элемент, который я еще не реализовал onTap: () => {},:

Widget TheSourceOfEvil( {

return (...) (
    child: GestureDetector(
        onTap: () => {}, // override previous GestureDetector
        child: Container(
            child: (...);

Избавился от него, и это мгновенно решило мою загадочную проблему. Надеюсь, это поможет!

Если вы используете виджет GoogleMap и хотите добавить поле поиска / текстовое поле, вы должны знать, что виджет карты использует ваши жесты. Я делаю примерно так:

final FocusNode _focusNode = new FocusNode();

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      behavior: HitTestBehavior.translucent,
      onTap: () {            
        print("tap");
        if (_focusNode.hasPrimaryFocus) {
          _focusNode.unfocus();
          rebuildAfterFocusChange();
        }
      },
      child: Stack(children: [
        AbsorbPointer(absorbing: _focusNode.hasPrimaryFocus, child: StoreMapView()),
        showSearchField(model),
      ]),
    );
  }

Widget showSearchField(StoreFinderViewModel model) {
    return SafeArea(
      child: Padding(
        padding: const EdgeInsets.only(left: 8.0, right: 8.0, top: 12.0),
        child: TextField(
          onTap: () {
            rebuildAfterFocusChange();
          },
          onSubmitted: (String input) {
            rebuildAfterFocusChange();
            // do other stuff
            });
          },
          focusNode: _focusNode,
        ),
      ),
    );
  }

  void rebuildAfterFocusChange() {
    setState(() {});
  }

Я использую виджет AbsorbPointer для поглощения щелчков / нажатий, но ТОЛЬКО если мое текстовое поле имеет фокус. Я вызываю свой rebuildAfterFocusChange (); если я нажимаю на свое поле поиска, используйте метод onsubmit текстового поля, чтобы запустить поиск в моем бэкэнде и после того, как я расфокусирую свое текстовое поле.

Также рассмотрите виджет Listener. Мне это помогло.
https://api.flutter.dev/flutter/widgets/Listener-class.html
Пример:

Listener(
    onPointerDown: (_) {}, // onTapDown
    onPointerUp: (_) => {}, // onTapUp
    child: Container(),
)

Я вижу, что вы вызываете метод обратного вызова вместо того, чтобы назначать его свойству onTap виджета GestureDetector. Передайте имя метода, не называйте его там.