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

Second GET API Calling with Bloc simple Example in Flutter

Stack Container Scrollable Card widget UI with Custom Widget

Pagination with Bloc Pattern in Flutter