Ad
How To Have A Slider In Flutter With Specific Divisions
I want to have a slider in flutter with numbers like .5,1,2,3,4,5,10,15. How is this possible. I know that the divisions creates divisions in the slider that are linear. Is this possible to have my own numbers as each dot instead of a linear slider?
Slider(
value: seconds,
max: 3600,
divisions:
120, // this is where i want to have a not a linear division
label: (seconds / 60.0).toStringAsFixed(1),
onChanged: (double value) {
setState(() {
seconds = value;
});
},
),
Ad
Answer
I think the following snippet is what you are looking for:
final List<double> values = [0.5, 1.0, 2.0, 3.0, 4.0, 5.0, 10.0, 15.0];
int selectedIndex = 0;
Slider(
value: selectedIndex.toDouble(),
min: 0,
max: values.length - 1,
divisions: values.length - 1,
label: values[selectedIndex].toString(),
onChanged: (double value) {
setState(() {
selectedIndex = value.toInt();
});
},
),
This is the result:
Ad
source: stackoverflow.com
Related Questions
- → How do you create a 12 or 24 mnemonics code for multiple cryptocurrencies (ETH, BTC and so on..)
- → Flutter: input text field don't work properly in a simple example..... where am I wrong?
- → Can I customize the code formatting of Dart code in Atom?
- → Is it possible to develop iOS apps with Flutter on a Linux virtual machine?
- → Display SnackBar in Flutter
- → JSON ObjectMapper in Flutter
- → Material flutter app source code
- → TabBarSelection No such method error
- → How do I set the animation color of a LinearProgressIndicator?
- → Add different routes/screens to Flutter app
- → Is there a way to get the size of an existing widget?
- → How to share a file using flutter
- → Is there an easy way to find particular text built from RichText in a Flutter test?
Ad