[Bug report] Multiple flows and scroll drag and responsivity

[MichalNemec]

Version

3.1.1

Platforms

macOS

Device Model

macbook air m1

flutter info

[✓] Flutter (Channel stable, 3.29.0, on macOS 14.6.1 23G93 darwin-arm64, locale en-CZ) [2.7s]
    • Flutter version 3.29.0 on channel stable at /opt/homebrew/Caskroom/flutter/3.29.0/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 35c388afb5 (3 weeks ago), 2025-02-10 12:48:41 -0800
    • Engine revision f73bfc4522
    • Dart version 3.7.0
    • DevTools version 2.42.2

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.1) [2.7s]
    • Android SDK at /Users/michalnemec/Library/Android/sdk
    • Platform android-35, build-tools 33.0.1
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
      This is the JDK bundled with the latest Android Studio installation on this machine.
      To manually set the JDK path, use: `flutter config --jdk-dir="path/to/jdk"`.
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 16.1) [2.9s]
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 16B40
    • CocoaPods version 1.16.2

[✓] Chrome - develop for the web [15ms]
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2022.3) [14ms]
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • android-studio-dir = /Applications/Android Studio.app
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)

[✓] VS Code (version 1.97.2) [12ms]
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.106.0

[✓] Network resources [783ms]
    • All expected network resources are available.

• No issues found!

How to reproduce?

create list like this with A-Z and items approx 250 total:

[
  {
    "letter": "A",
    "articles": [
      "1",
      "2",
      "3"
    ]
  },
  {
    "letter": "B",
    "articles": [
      "4",
      "5"
    ]
  }
]

Each object is SliverMainAxisGroup where letter is shown at top and then SliverWaterfallFlow widget to render the articles.

1. it stutters when going to the page - i guess thats my issue to solve
2. scrolling is completely fine, until i drag scrollbar manually, some items just disappear
3. when dragging the app window to set new width and im scrolled in the middle or bottom, its extremely choppy and takes a while to get back up, the closer im to letter A the smoother it gets

How can i approach this style to have it smooth?

im basically implementing this, with a change that i have no sidebar alphabet and i dont use listtiles (since its desktop version i have more real estate, so im rending cards)

Logs

Example code (optional)

Contact

No response

[MichalNemec]

@zmtzawqlp Hello, any update or solutions how to deal with the issues?