Too much CPU usage with TextField caret on macOS #85781
Description
Details
Target Platform: macOS
Target OS version/browser: Big sur 11.4 (20F71)
Devices: MacBook Pro (16-inch, 2019)
A simple flutter application (which only contains a TextField widget), but it takes up 10% of the CPU.
Reproduce
- copy this code to your example project
main.dart.
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const Scaffold(
body: TextField(autofocus: true),
),
);
}
}
-
flutter run -d macos --profile -
We could use command top to check our flutter_app CPU usage:
top -pid `pgrep flutter_app`
Logs
Logs
➜ flutter_app flutter analyze
Analyzing flutter_app...
No issues found! (ran in 1.3s)
➜ flutter_app flutter doctor -v
[✓] Flutter (Channel master, 2.3.0-17.0.pre.632, on macOS 11.4 20F71 darwin-x64, locale zh-Hans-CN)
• Flutter version 2.3.0-17.0.pre.632 at /Users/yangbin/dev/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision dbd3f0e0d8 (5 hours ago), 2021-07-02 06:06:03 -0400
• Engine revision 314cf7a4f2
• Dart version 2.14.0 (build 2.14.0-269.0.dev)
[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
✗ cmdline-tools component is missing
Run `path/to/sdkmanager --install "cmdline-tools;latest"`
See https://developer.android.com/studio/command-line for more details.
✗ Android license status unknown.
Run `flutter doctor --android-licenses` to accept the SDK licenses.
See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.
[✓] Xcode - develop for iOS and macOS
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 12.5.1, Build version 12E507
• CocoaPods version 1.10.1
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 4.2)
• Android Studio at /Users/yangbin/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/202.7351085/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.8+10-b944.6916264)
[✓] Android Studio (version 4.2)
• Android Studio at /Users/yangbin/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/202.7351085/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.8+10-b944.6916264)
[✓] Android Studio (version 4.2)
• Android Studio at /Users/yangbin/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/202.7322048/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.8+10-b944.6916264)
[✓] IntelliJ IDEA Ultimate Edition (version 2021.1.2)
• IntelliJ at /Users/yangbin/Applications/JetBrains Toolbox/IntelliJ IDEA Ultimate.app
• Flutter plugin version 57.0.5
• Dart plugin version 211.7233
[✓] IntelliJ IDEA Ultimate Edition (version 2021.1.2)
• IntelliJ at /Users/yangbin/Library/Application Support/JetBrains/Toolbox/apps/IDEA-U/ch-0/211.7442.40/IntelliJ IDEA.app
• Flutter plugin version 56.0.5
• Dart plugin version 211.7233
[✓] IntelliJ IDEA Ultimate Edition (version 2021.1.1)
• IntelliJ at /Users/yangbin/Library/Application Support/JetBrains/Toolbox/apps/IDEA-U/ch-0/211.7142.45/IntelliJ IDEA.app
• Flutter plugin version 56.0.5
• Dart plugin version 211.7233
[✓] VS Code (version 1.57.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.23.0
[!] Proxy Configuration
• HTTP_PROXY is set
! NO_PROXY is not set
[✓] Connected device (2 available)
• macOS (desktop) • macos • darwin-x64 • macOS 11.4 20F71 darwin-x64
• Chrome (web) • chrome • web-javascript • Google Chrome 91.0.4472.114
! Doctor found issues in 2 categories.
Metadata
Metadata
Assignees
Labels
Important issues not at the top of the work listRunning on desktopEntering text in a text field or keyboard related problemsRelates to speed or footprint issues (see "perf:" labels)flutter/engine related. See also e: labels.flutter/packages/flutter/cupertino repositoryflutter/packages/flutter/material repository.Found to occur in 2.2Found to occur in 2.4flutter/packages/flutter repository. See also f: labels.The issue has been confirmed reproducible and is ready to work onBuilding on or for macOS specificallyIssue is closed as already fixed in a newer version