How to pan only with left mouse button in flutter interactive viewer?

API and Webhooks Meetings
1

I have an interactive viewer which encapsulates an image. I want the user to only be able to pan with left mouse button and open a menu on right.click. Currently the menu opens with right click and image also get panned with right click. Is there a way to stop panning with right click in interactive viewer?

Widget build(BuildContext context) {
    return Center(
      child: InteractiveViewer(
        transformationController: _controller,
        boundaryMargin: EdgeInsets.all(10000),
        clipBehavior: Clip.none,
        minScale: 0.0001,
        maxScale: 10,
        constrained: true,
        child: Stack(
          children: [
            Align(
              alignment: AlignmentDirectional(0, 0),
              child: Image(
                image: AssetImage(widget.imagePat),
                filterQuality: FilterQuality.medium,
                isAntiAlias: true,
              ),
            ),
            Align(
              alignment: AlignmentDirectional(0.11, 0.09),
              child: SizedBox(
                width: 40,
                height: 40,
                child: TextButton(
                  style: ElevatedButton.styleFrom(
                      primary: Color.fromARGB(24, 0, 0, 0)),
                  onPressed: () => {},
                  child: Container(),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
2

Hi, @gulamabbas02m,

Welcome to the Developer Forum. At this time, support for Flutter is not available as we do not have any official SDK for it.