[Question] Apply a selected filter by simply tapping a point on the image

[mbenci]

Using the WhatsApp theme it would be convenient to apply a selected filter by simply tapping on a point of the image and not necessarily closing the filters section by hand. I tried to implement by listening to the onTap callback on the mainEditor but I was unable to apply the filter and consequently close the filters section.
Is it possible to do this? How?

[hm21]

You just need to wrap the content from the editor with a GestureDetector and set the filterShowHelper from the WhatsAppHelper class to 0. In the code below, I demonstrate how to do this with animation in a loop, but you can also implement it without animation.

customWidgets: ImageEditorCustomWidgets(
  mainEditor: CustomWidgetsMainEditor( 
    wrapBody: (editor, rebuildStream, content) {
      return Stack(
        alignment: Alignment.center,
        fit: StackFit.expand,
        clipBehavior: Clip.none,
        children: [
          Transform.scale(
            transformHitTests: false,
            scale: 1 /
                constraints.maxHeight *
                (constraints.maxHeight -
                    _whatsAppHelper.filterShowHelper * 2),

            /// TODO: Add gestureDetector like below
            child: GestureDetector(
                onTap: () async {
                  while (_whatsAppHelper.filterShowHelper > 0) {
                    _whatsAppHelper.filterShowHelper -= 4;
                    setState(() {});
                    await Future.delayed(
                        const Duration(milliseconds: 1));
                  }
                },
                child: content),
          ),

[mbenci]

It works!!!! Thanks