Range Slider

 import "package:flutter/material.dart";


void main() {
runApp(AppDemo(),);
}
class AppDemo extends StatelessWidget {
AppDemo({super.key});

@override
Widget build(BuildContext context) {
return MaterialApp(
title: "Range Slider in Flutter",
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: RangeSliderDemo(),
);
}
}
class RangeSliderDemo extends StatefulWidget {
RangeSliderDemo({super.key});

@override
State<RangeSliderDemo> createState() {
return RangeSliderDemoState();
}
}
class RangeSliderDemoState extends State<RangeSliderDemo> {
RangeValues valueSet = RangeValues(0,100);

@override
Widget build(BuildContext context) {
RangeLabels labelSet = RangeLabels(valueSet.start.toString(),valueSet.end.toString());

return Scaffold(
appBar: AppBar(
title: Text("Range Slider"),
),
body: RangeSlider(
values: valueSet,
labels: labelSet,
divisions: 10,
activeColor: Colors.blue,
inactiveColor: Colors.blue.shade100,
min: 0.0,
max: 100.0,
onChanged: (newValue) {
setState(() {
valueSet = newValue;
print("${newValue.start}, \n ${newValue.end},");
},);
},
),
);
}
}

Comments

Popular posts from this blog

Pagination with Bloc Pattern in Flutter

Pagination First Practical in Flutter

ExpansionPanel with ExpansionPanelList with Complete Collapse Operation in Flutter