Skip to content

[iOS] Flutter 2.8, fine frame drop detected in native listview on iOS. #95838

Closed
@idompolo

Description

@idompolo

Flutter 2.8, fine frame drop detected in native listview on iOS.

This is normal in flutter 2.5.

Create a listview with about 200 items.. If you scroll slowly and smoothly at a constant speed, you may find it stuttering.

2.5 example url : https://drive.google.com/file/d/1v9q2T6m_haEdvbV416rC9bhObAZ4HHFy/view?usp=sharing
2.8 example url : https://drive.google.com/file/d/1_1Xq7Fw03AaSKGQ3DA6OIQjKYQN7mR9i/view?usp=sharing

sample code
import 'package:flutter/material.dart';

void main() {
  runApp(const App());
}

class App extends StatefulWidget {
  const App({Key? key}) : super(key: key);

  @override
  _AppState createState() => _AppState();
}

class _AppState extends State<App> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text("Flutter 2.8 Test")),
        body: ListView.separated(
          separatorBuilder: (_, __) => const Divider(),
          itemCount: 200,
          itemBuilder: (context, index) {
            return ListTile(
              key: ValueKey(index),
              title: Text("item $index"),
            );
          },
        ),
      ),
    );
  }
}

Activity

idompolo

idompolo commented on Dec 27, 2021

@idompolo
Author

Same in master version (2.9.0--1.0.pre.199)

jiabin87428

jiabin87428 commented on Dec 27, 2021

@jiabin87428
jiabin87428

jiabin87428 commented on Dec 27, 2021

@jiabin87428

Also in the swipe return

hubertqiu

hubertqiu commented on Dec 27, 2021

@hubertqiu
JangHyun0828

JangHyun0828 commented on Dec 27, 2021

@JangHyun0828
Ec7i9se

Ec7i9se commented on Dec 27, 2021

@Ec7i9se
changed the title [-]Flutter 2.8, fine frame drop detected in native listview on iOS.[/-] [+][iOS] Flutter 2.8, fine frame drop detected in native listview on iOS.[/+] on Dec 28, 2021
added
in triagePresently being triaged by the triage team
and removed on Dec 28, 2021
mamuseferha

mamuseferha commented on Dec 28, 2021

@mamuseferha

Hi @idompolo, I verified on the latest stable and master channel and it is reproducible.

output
2.5test.mp4
2.8test.mp4
flutter doctor -v
[✓] Flutter (Channel stable, 2.8.1, on macOS 12.1 21C52 darwin-x64, locale en-US)
    • Flutter version 2.8.1 at /Users/flo/development/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 77d935af4d (12 days ago), 2021-12-16 08:37:33 -0800
    • Engine revision 890a5fca2e
    • Dart version 2.15.1

[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at /Users/flo/Library/Android/sdk
    • Platform android-31, build-tools 31.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.11.0

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

[✓] Android Studio (version 2020.3)
    • 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
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)

[✓] VS Code (version 1.62.3)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.29.0

[✓] Connected device (4 available)
    • sdk gphone x86 (mobile) • emulator-5554                        • android-x86    • Android 11 (API 30) (emulator)
    • iPhone 13 (mobile)      • EF1251D3-C9C4-475E-9F91-58CD010FDA48 • ios            •
    • iPhone (mobile)         • 7a7ab8dfee530a7b4f54e3e3c3544a66a506fdae • ios            • iOS 14.4.2 18D70
      com.apple.CoreSimulator.SimRuntime.iOS-15-0 (simulator)
    • macOS (desktop)         • macos                                • darwin-x64     • macOS 12.1 21C52 darwin-x64
    • Chrome (web)            • chrome                               • web-javascript • Google Chrome 93.0.4577.63

• No issues found!
[✓] Flutter (Channel master, 2.9.0-1.0.pre.205, on macOS 12.1 21C52 darwin-x64, locale en-US)
    • Flutter version 2.9.0-1.0.pre.205 at /Users/flo/fvm/versions/master
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 6ec059c994 (3 hours ago), 2021-12-28 00:29:08 -0500
    • Engine revision 31fcaf3ce4
    • Dart version 2.16.0 (build 2.16.0-134.0.dev)
    • DevTools version 2.9.2

[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at /Users/flo/Library/Android/sdk
    • Platform android-31, build-tools 31.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.11.0

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

[✓] Android Studio (version 2020.3)
    • 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
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)

[✓] VS Code (version 1.62.3)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.29.0

[✓] Connected device (4 available)
    • sdk gphone x86 (mobile) • emulator-5554                        • android-x86    • Android 11 (API 30) (emulator)
    • iPhone 13 (mobile)      • EF1251D3-C9C4-475E-9F91-58CD010FDA48 • ios            • com.apple.CoreSimulator.SimRuntime.iOS-15-0 (simulator)
    • iPhone (mobile)         • 7a7ab8dfee530a7b4f54e3e3c3544a66a506fdae • ios            • iOS 14.4.2 18D70
    • macOS (desktop)         • macos                                • darwin-x64     • macOS 12.1 21C52 darwin-x64
    • Chrome (web)            • chrome                               • web-javascript • Google Chrome 93.0.4577.63

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

Thank you

added
has reproducible stepsThe issue has been confirmed reproducible and is ready to work on
and removed
in triagePresently being triaged by the triage team
on Dec 28, 2021

45 remaining items

Loading
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

    P2Important issues not at the top of the work listc: performanceRelates to speed or footprint issues (see "perf:" labels)c: regressionIt was better in the past than it is nowengineflutter/engine repository. See also e: labels.f: scrollingViewports, list views, slivers, etc.found in release: 2.8Found to occur in 2.8found in release: 2.9Found to occur in 2.9frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onperf: speedPerformance issues related to (mostly rendering) speedplatform-iosiOS applications specificallyr: 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

        Participants

        @chinmaygarde@jmagman@HansMuller@desmeit@jiabin87428

        Issue actions

          [iOS] Flutter 2.8, fine frame drop detected in native listview on iOS. · Issue #95838 · flutter/flutter