Skip to content

Severe scrolling glitch in ScrollView #162499

Closed

Description

@karthick-av

android-arm64 • Android 14 (API 34)

class LoginScreen extends StatefulWidget {
  const LoginScreen({super.key});

  @override
  State<LoginScreen> createState() => _LoginScreenState();
}

class _LoginScreenState extends State<LoginScreen> {
  @override
  Widget build(BuildContext context) {
    final List<String> items =
        List.generate(20, (index) => "Item ${index + 1}");

    return SafeArea(
      child: Scaffold(
        backgroundColor: Colors.white,
        body: Column(
          children: [
            Text("Header"),
            //loader
            Padding(
              padding: const EdgeInsets.only(bottom: 10),
              child: LinearProgressIndicator(
                minHeight: 5,
                backgroundColor: Colors.grey[200],
                valueColor: AlwaysStoppedAnimation<Color>(Colors.red),
              ),
            ),
            Expanded(
                child: SingleChildScrollView(
              child: Column(
                children: [
                  for (String item in items)
                    Column(
                      children: [
                        Text(item),
                        Image.network(
                          "https://random-image-pepebigotes.vercel.app/api/random-image",
                          height: MediaQuery.of(context).size.height * 0.40,
                          width: MediaQuery.of(context).size.width * 0.90,
                          fit: BoxFit.cover,
                        )
                      ],
                    )
                ],
              ),
            ))
          ],
        ),
      ),
    );
  }
}

sample video

Activity

  1. danagbemava-nc commented on Jan 31, 2025

    @danagbemava-nc
    Member

    Hi @karthick-av, please provide the output of flutter doctor -v. What device(s) are you seeing this issue on? Does the issue still reproduce with impeller disabled?

  2. added
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Jan 31, 2025
  3. karthick-av commented on Jan 31, 2025

    @karthick-av
    Author

    @danagbemava-nc

    output of flutter doctor -v
    [√] Flutter (Channel stable, 3.27.3, on Microsoft Windows [Version 10.0.19045.5371], locale en-US)
    • Flutter version 3.27.3 on channel stable at C:\flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision c519ee9 (10 days ago), 2025-01-21 10:32:23 -0800
    • Engine revision e672b006cb
    • Dart version 3.6.1
    • DevTools version 2.40.2

    [√] Windows Version (Installed version of Windows is version 10 or higher)

    [√] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
    • Android SDK at C:\Users\DELL\AppData\Local\Android\Sdk
    • Platform android-35, build-tools 35.0.0
    • ANDROID_HOME = C:\Users\DELL\AppData\Local\Android\Sdk
    • Java binary at: C:\Program Files\Android\Android Studio\jbr\bin\java
    • Java version OpenJDK Runtime Environment (build 21.0.3+-12282718-b509.11)
    • All Android licenses accepted.

    [√] Chrome - develop for the web
    • Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

    [√] Visual Studio - develop Windows apps (Visual Studio Build Tools 2022 17.7.4)
    • Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2022\BuildTools
    • Visual Studio Build Tools 2022 version 17.7.34031.279
    • Windows 10 SDK version 10.0.22621.0

    [√] Android Studio (version 2024.2)
    • Android Studio at C:\Program Files\Android\Android Studio
    • 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
    • Java version OpenJDK Runtime Environment (build 21.0.3+-12282718-b509.11)

    [√] VS Code (version 1.96.4)
    • VS Code at C:\Users\DELL\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.103.20241202

    [√] Connected device (3 available)
    • Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.19045.5371]
    • Chrome (web) • chrome • web-javascript • Google Chrome 132.0.6834.160
    • Edge (web) • edge • web-javascript • Microsoft Edge 132.0.2957.127

    [√] Network resources
    • All expected network resources are available.

    • No issues found!

    device -> Samsung Galaxy A05 • android-arm64 • Android 14 (API 34)

  4. removed
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Jan 31, 2025
  5. huycozy commented on Feb 3, 2025

    @huycozy
    Member

    Thanks for the update, @karthick-av!
    Checking this on my device Pixel 7, Android 15( just run in debug mode), I don't see the issue as reported.

    Demo video
    Screen.Recording.2025-02-03.at.16.03.19.mov

    Can you please try running app in profile or release mode to see if any difference? Please help confirm on Flutter master/main channel as well. Thanks!

  6. added
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Feb 3, 2025
  7. belh-sara commented on Feb 5, 2025

    @belh-sara

    I'm facing the same issue, and it only occurs in the latest Flutter version (3.27). When I downgraded Flutter, it worked fine.

  8. karthick-av commented on Feb 13, 2025

    @karthick-av
    Author

    After upgrading to version 3.29.0, it is working fine

  9. removed
    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter responds
    on Feb 13, 2025
  10. added
    r: fixedIssue is closed as already fixed in a newer version
    and removed
    in triagePresently being triaged by the triage team
    on Feb 14, 2025
  11. Bradleykingz commented on Feb 15, 2025

    @Bradleykingz

    Same thing here. Pretty bad glitching. Components turn black and white. Strangely, it doesn't appear in screen recordings...

    [✓] Flutter (Channel stable, 3.27.1, on Manjaro Linux 6.1.119-1-MANJARO, locale
    en_US.UTF-8)
    • Flutter version 3.27.1 on channel stable at
    /home/bradleyk/snap/flutter/common/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 17025dd (9 weeks ago), 2024-12-17 03:23:09 +0900
    • Engine revision cb4b5fff73
    • Dart version 3.6.0
    • DevTools version 2.40.2

    [✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
    • Android SDK at /home/bradleyk/Android/Sdk
    • Platform android-35, build-tools 35.0.0
    • Java binary at:
    /home/bradleyk/.local/share/JetBrains/Toolbox/apps/android-studio/jbr/bin/
    java
    • Java version OpenJDK Runtime Environment (build 21.0.5+-12771278-b631.28)
    • All Android licenses accepted.

    [✓] Android Studio (version 2024.3)
    • Android Studio at
    /home/bradleyk/.local/share/JetBrains/Toolbox/apps/android-studio
    • Flutter plugin version 83.0.4
    • Dart plugin can be installed from:
    🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 21.0.5+-12771278-b631.28)

    [✓] IntelliJ IDEA Ultimate Edition (version 2024.2)
    • IntelliJ at
    /home/bradleyk/.local/share/JetBrains/Toolbox/apps/intellij-idea-ultimate
    • 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

    [!] Connected device
    ! No devices available

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

    ! Doctor found issues in 1 category.

  12. karthick-av commented on Feb 16, 2025

    @karthick-av
    Author

    Hi @Bradleykingz , I was facing the exact same issue when using version 3.27. However, after upgrading to version 3.29, the issue was resolved, and everything is now working fine

  13. github-actions commented on Mar 2, 2025

    @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.

  14. locked as resolved and limited conversation to collaborators on Mar 2, 2025
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

    r: fixedIssue is closed as already fixed in a newer version

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions