Hide slidable when tap screen about flutter_slidable HOT 10 CLOSED

Oh thanks, I understand 😃 .

To do this, you need to pass a SlidableController to all your Slidables. Then you can call the close method on the SlidableController.activeState property inside the onTap callback of a GestureDetector.

I suggest you to create a Widget for this:

class CloseSlidableOnTap extends StatelessWidget {
  CloseSlidableOnTap({
    Key key,
    this.child,
    this.controller,
  }) : super(key: key);

  final Widget child;
  final SlidableController controller;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      behavior: HitTestBehavior.translucent,
      onTap: () => controller.activeState?.close(),
      child: child,
    );
  }
}

from flutter_slidable.

How can I pass a SlidableController to all my Slidable. Slidable isn't have controller property. @letsar

from flutter_slidable.

oh thanks very much!

from flutter_slidable.

Hi @zywj, can post the minimal code to reproduce this issue please?

from flutter_slidable.

thanks for you reply. I just don't know how to hide the slidable when I tap other areas on the screen, not just the slidable item area.

from flutter_slidable.

I'm sorry, can you post an image or a video showing what you want? I'm not sure to understand.

from flutter_slidable.

sorry. I didn't describe my needs very clear.
I want to close the slidable when I tap the any other areas on the screen.
let me show you a image.

from flutter_slidable.

@letsar Hi, is there a way we can close a slidable automatically when any of its outside area is tapped?

from flutter_slidable.

@minhdanh
In slidable: wrap child with builder then use gesture detector to handle on tap -> (in on Tap send notification to close slidable, it is marked as internal use but it works if you need it asap)

GestureDetector(
        behavior: HitTestBehavior.opaque,
        onTap: () {
          Slidable.of(context)!.close();
          SlidableGroupNotification.dispatch(
            context,
            SlidableAutoCloseNotification(
              groupTag: '0',
              controller: Slidable.of(context)!,
            ),
            assertParentExists: false,
          );
        },
        child: Container(

Tho this is only useful if you want to close slidables when clicking on another slidable (not anywhere on the screen)

from flutter_slidable.

Thank you @Rongix

from flutter_slidable.