Ad
How To Change Color Of Divisions In Slider Flutter
Hello i have slider with divisions. What is the theme property for changing divisions color so they are not visible?
Ad
Answer
Please see this example and let me know if you need any further help :
SliderTheme(
data: SliderTheme.of(context).copyWith(
trackHeight: 10.0,
minThumbSeparation: 2,
thumbColor: Colors.white,
thumbShape: RoundSliderThumbShape(enabledThumbRadius: 12.0),
overlayColor:Colors.deepPurple,
inactiveTickMarkColor: Colors.amber,
inactiveTrackColor: Colors.green,
),
child: Slider(
min: 1,
max: 100,
value: 45,
divisions: 2,
onChanged: (newValue) {
// set the new value here
setState(() {
progress= newValue;
});
},
),
)
Let's demonstrate some params:
The Main Param for changing the color of the divisions is inactiveTickMarkColor param in SliderTheme object which is amber in our case. Feel free to change it as you want.
The inactiveTrackColor param is the color of the slider when the area is not in the active rang.
The overlayColor param is the color of the widget that appears when you press or focus on the selector widget.
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