Preview: Two-dimensional scrolling in Flutter
Why Stack Overflow recommends it
Stack Overflow users link it when answering questions about scrolling a grid, table or spreadsheet-like layout in two directions in Flutter, as the first sign of an official solution.
Recommended by 1 people across 1 different months, 2023 to 2023.
What it is
A short Flutter Forward 2023 session in which Kate Lovett of the Flutter team previews upcoming two-dimensional scrolling support. It shows how scrolling in both axes at once, with lazy loading, is being built into the framework.
What people said
Recommends Natan Amorim · 2023-08 · Stack Overflow · on “Flutter Web allow overflow / bidirectional scrolling”
The flutter team announced that they are developing an official solution for this problem here's the video Preview: Two-dimensional scrolling in Flutter [this video] , Flutter 3.13 is out and it has added TwoDimensional scrolling foundation, more info in What’s new in Flutter 3.13 [LINK] , and it is also updating data tables to use this new 2D Scrolling, with some other improvements, the progress can be seen in GitHub 2D Scrolling • flutter [LINK] .
Cites Natan Amorim · 2023-01 · Stack Overflow · on “Flutter web - Always show horizontal and vertical scrollbar in a DataTable”
The flutter team just announced that they are developing an official solution for this problem, they made a preview video since the they did not finalize the solution yet, but i liked a lot. here's the video link: [this video]
Cites Code on the Rocks · 2023-02 · Stack Overflow · on “How to implement overlapping scroll and gesture regions in Flutter mobile app”
The exact thing you're looking for isn't available yet but you can see the preview for two-dimensional scrolling here [this video] . For now, I would implement the yellow box using a CustomScrollView with a SliverAppBar. You can also give the DataTable [LINK] widget a try.
Cites Alex Lomia · 2023-03 · Stack Overflow · on “How to make multiple lists scroll as one (like a spreadsheet) in Flutter?”
What I'm trying to achieve, is to have a matrix, of say 1000x1000 or larger, to be scrollable both vertically and horizontally . Also, it needs to be able to lazy load content both vertically and horizontally. Example: [LINK] Now, I've tried building this layout with ListView s of ListView s, however, the requirement that all of the horizontal ListView s need to be scrollable simultaneously is not satisfied in this way. I've also tried a CustomScrollView with SliverList , however, I was unable to achieve anything with this approach either. What am I missing, and how should such a scrolling problem be approached? Edit So far it seems like Flutter doesn't have a "native" way of achieving this
Cites Natan Amorim · 2023-08 · Stack Overflow · on “Make DataTable Scroll Bidirectional in Flutter”
The flutter team announced that they are developing an official solution for this problem here's the video Preview: Two-dimensional scrolling in Flutter [this video] , and Flutter 3.13 is out and it has added TwoDimensional scrolling foundation, more info in What’s new in Flutter 3.13 [LINK] , and it is also updating data tables to use this new 2D Scrolling, with some other improvements, the progress can be seen in GitHub 2D Scrolling • flutter [LINK] .
Cites Natan Amorim · 2023-08 · Stack Overflow · on “Attaching horizontal and vertical scrollbar to the same widget”
The Flutter team announced that they are developing an official solution for this problem here's the video Preview: Two-dimensional scrolling in Flutter [this video] , Flutter 3.13 is out and it has added TwoDimensional scrolling foundation, more info in What’s new in Flutter 3.13 [LINK] , and it is also updating data tables to use this new 2D Scrolling, with some other improvements, the progress can be seen in GitHub 2D Scrolling • flutter [LINK] .