[Help] How can i use single tap to dismiss photo_view dialog

[karthuszY]

I use photo view like this, i don't find a correct way to dismiss this photo view
showDialog(
context: context,
builder: (_) {
return PhotoView(
imageProvider: NetworkImage(
_imageURL,
headers: _httpHeaders),
);
});

[karthuszY]

@davewang @AlexVegner @memo4mj @SocratesDz
anybody can give some advise?

[renancaraujo]

Have you tried to wrap it in a GestureDetector with an ontapcallback?

[karthuszY]

@renancaraujo I have tried but it's no use

[renancaraujo]

The constructor has an onTapUp and onTapDown` opotions. Those can help you perhaps?

[karthuszY]

@renancaraujo I had tried this too.It is ambiguity when two fingers to zoom image may cause dismiss

[wapchief]

mark

[renancaraujo]

Related to #172 and #167

[wapchief]

Manually add a close button, can be solved

[omishah]

You can use with Hero() and single touch on photoview will dismiss view automatically.

[renancaraujo]

Added an example for that on the example app.

[ssbaval]

One touch example to close the PhotoView that needs to have PINCH/RESIZE support doesnt work if wrapped in a dialog and using PhotoView.customChild - when trying to pinch to resize a small custom ICON (i.e an IconData) - the dialog closes

i.e :

    showDialog(    
        context: context,
        builder: (context) {
          return OneTapWrapper(
            container: container,
          );
        });

class OneTapWrapper extends StatelessWidget {
  const OneTapWrapper({
    this.container,
  });

  final Widget container;

  @override
  Widget build(BuildContext context) {
    return Container(
      constraints: BoxConstraints.expand(
        height: MediaQuery.of(context).size.height,
      ),
      child: GestureDetector(
          onTapDown: (_) {
            Navigator.pop(context);
          },
          child: PhotoView.customChild(
            customSize: Size(1000, 1000),
            child: container,
            tightMode: true,
            enableRotation: true,
            backgroundDecoration: BoxDecoration(color: Colors.black54),
          )),
    );
  }