Skip to content

Pan and zoom widget #12878

Closed
Closed

Description

@xinoxapps

Would be very useful if the scroll view can be extended with the following features:

  • Zoom in and out
  • Scroll in all directions,
  • Optional lock on horz or vert.

Use case: Shop App
Scroll a photo in all directions and pinch zoom-in/out.

Activity

  1. Hixie commented on Nov 7, 2017

    @Hixie
    Contributor

    Having a widget to do zoom and pan of a child widget definitely seems like a worthy feature for us to have, though I don't think it would be part of ScrollView per se.

  2. added this to the milestone on Nov 7, 2017
  3. added
    c: new featureNothing broken; request for a new capability
    frameworkflutter/packages/flutter repository. See also f: labels.
    p: material_uimaterial_ui package in flutter/packages
    on Nov 7, 2017
  4. sroddy commented on Dec 9, 2017

    @sroddy
    Contributor

    It may be worth to add that from the perspective of an iOS developer that has no knowledge of the Android world, scroll views (i.e. UIScrollView) are bidirectional and have zoom/pan/pagination support by default.
    The fact that Flutter ones are instead locked in one direction and way less powerful can lead to some sort of confusion, at least in the beginning.

  5. zoechi commented on Jan 9, 2019

    @zoechi
    Contributor

    Somewhat related #25164

  6. 0SM0S commented on Mar 14, 2019

    @0SM0S

    Are there any news regarding this issue?

  7. justinmc commented on Mar 21, 2019

    @justinmc
    Contributor

    @0SM0S I'm just about to land a demo in the gallery app (examples/flutter_gallery) that shows how to do this sort of thing. The PR is #25164 and the relevant file is here.

    My goal is to solve this issue by pulling that code out into its own widget as a part of Flutter itself, but maybe that example code will help in the meantime.

  8. justinmc commented on Apr 4, 2019

    @justinmc
    Contributor

    Gallery demo was merged. After the next release you'll be able to find it under Studies => 2D Tranformations. Hopefully widget coming soon.

  9. changed the title [-]Upgrading Scrollview to match React native counter part[/-] [+]Pan and zoom widget[/+] on Apr 10, 2019
  10. modified the milestones: , on Jan 7, 2020
  11. added
    customer: crowdAffects or could affect many people, though not necessarily a specific customer.
    on Mar 23, 2020
  12. VladyslavBondarenko commented on Mar 26, 2020

    @VladyslavBondarenko

    Related to #20175, #15011

  13. added
    P3Issues that are less important to the Flutter project
    on May 29, 2020
  14. modified the milestone: on Jun 1, 2020
  15. justinmc commented on Jun 3, 2020

    @justinmc
    Contributor

    InteractiveViewer can do this now. Direction locking is not yet implemented, but I've created a separate issue specifically for that: #58043

  16. justinmc commented on Jul 7, 2020

    @justinmc
    Contributor

    Direction locking is being implemented in #61019 as alignPanAxis.

  17. github-actions commented on Aug 17, 2021

    @github-actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

  18. locked as resolved and limited conversation to collaborators on Aug 17, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Issues that are less important to the Flutter projectc: new featureNothing broken; request for a new capabilitycustomer: crowdAffects or could affect many people, though not necessarily a specific customer.f: scrollingViewports, list views, slivers, etc.frameworkflutter/packages/flutter repository. See also f: labels.p: material_uimaterial_ui package in flutter/packages

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions