Slider has a slight a lag when drag
#51715
Labels
a: fidelity
Matching the OEM platforms better
f: material design
flutter/packages/flutter/material repository.
found in release: 3.3
Found to occur in 3.3
found in release: 3.7
Found to occur in 3.7
framework
flutter/packages/flutter repository. See also f: labels.
has reproducible steps
The issue has been confirmed reproducible and is ready to work on
P2
Important issues not at the top of the work list
team-design
Owned by Design Languages team
triaged-design
Triaged by Design Languages team
Comments
tomasbaran
added
the
from: performance template
HansMuller
added
a: fidelity
|
CC @clocksmith |
TahaTesser
removed
the
from: performance template
Code Sampleflutter doctor -v |
TahaTesser
added
the
has reproducible steps
|
Strangely enough if you remove the "divisions" the performance is much better. |
|
Reproducible on latest flutter doctor |
pedromassangocode
added
found in release: 1.26
|
Reproducible on last |
|
The animation duration is set to 75 milliseconds and isn't configurable. That's why you feel the input lag. |
|
Reproducible as of stable 3.3 and master 3.7 code sampleimport 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
showPerformanceOverlay: true,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key, required this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int height = 170;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Slider(
min: 150.0,
max: 180.0,
value: height.toDouble(),
divisions: 30,
onChanged: (double newValue) {
setState(() {
height = newValue.toInt();
});
},
),
), // This trailing comma makes auto-formatting nicer for build methods.
);
}
}
flutter doctor -v (mac) |
maheshmnj
added
found in release: 3.3
|
@tomasbaran code sampleimport 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({super.key, required this.title});
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
double height = 170.0;
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Slider(
min: 150.0,
max: 180.0,
value: height,
onChanged: (double newValue) {
setState(() {
height = newValue;
});
},
),
), // This trailing comma makes auto-formatting nicer for build methods.
);
}
}
Note: |
TahaTesser
changed the title
Slider has a slight a lag when drag
Yet another analysis of the issueSince I am well aware of this issue and have seen it a lot, here is my analysis of its causes. As far as I can see, there are potentially two issues at play in this report.
Let's tackle them both. 1) Stutter when using continuous Slider based on
|
|
@rydmike I agree with your points, it's not just valued conversions but hard-coded animation as well. |
32 tasks
flutter-triage-bot
bot
added
team-design
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Sliding a native iOS slider is instant whereas sliding a Flutter slider is with a (slight) lag.
2. Code Sample
Details
Target Platform:
iOS
Target OS version/browser:
13.3.1
Devices:
iPhone XR
Logs
Analyzing flutter_app_slider_experiment...
No issues found! (ran in 2.2s)
[✓] Flutter (Channel master, v1.15.4-pre.241, on Mac OS X 10.15.3 19D76, locale es-ES)
• Flutter version 1.15.4-pre.241 at /Users/tomas/Developer/flutter
• Framework revision 1d3fcfd (5 hours ago), 2020-02-29 10:01:18 -0800
• Engine revision 755e2b5
• Dart version 2.8.0 (build 2.8.0-dev.10.0 09bbd3cca5)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
• Android SDK at /Users/tomas/Library/Android/sdk
• Android NDK location not configured (optional; useful for native profiling support)
• Platform android-29, build-tools 29.0.3
• Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 11.3.1, Build version 11C504
• CocoaPods version 1.8.4
[✓] Android Studio (version 3.5)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin version 43.0.1
• Dart plugin version 191.8593
• Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)
[✓] Connected device (1 available)
• iPhone • 00008020-000415840E50003A • ios • iOS 13.3.1
• No issues found!
The text was updated successfully, but these errors were encountered: