material_neumorphic_slider

Description:

material neumorphic slider

Material Neumorphic Slider #
Part of Material Neumorphic widgets suit.
Usage #
A Neumorphic Design slider.
Used to select value from a range of values.
The default is to use a continuous range of values from min to max.
listeners : [onChanged], [onChangeStart], [onChangeEnd]
// in a statefull widget

double seekValue = 0;

Widget _buildSlider() {
return Row(
children: <Widget>[
Flexible(
child: NeumorphicSlider(
height: 15,
value: seekValue,
min: 0,
max: 10,
onChanged: (value) {
setState(() {
seekValue = value;
});
}),
),
Text("value: ${seekValue.round()}"),
],
);
}
copied to clipboard
A Neumorphic Design range slider.
Used to select range of values from a range of values.
listeners : [onChangedLow], [onChangeHigh]
// in a statefull widget

double minPrice = 20;
double maxPrice = 90;

Widget _buildSlider() {
return Row(
children: <Widget>[
Flexible(
child: NeumorphicRangeSlider(
valueLow: minPrice,
valueHigh: maxPrice,
min: 18,
max: 99,
onChangedLow: (value) {
setState(() {
minPrice = value;
});
},
onChangeHigh: (value) {
setState(() {
maxPrice = value;
});
},
),
),
Text(
"${minPrice.round()} - ${maxPrice.round()}",
style: TextStyle(color: Theme.of(context).colorScheme.primary),
),
],
);
}
copied to clipboard