wip
parent
79c5b8fa4b
commit
f0e2ce16f2
|
@ -32,52 +32,62 @@ class SliderState extends State<MySlider> {
|
||||||
Row(
|
Row(
|
||||||
mainAxisAlignment: MainAxisAlignment.center,
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
children: [
|
children: [
|
||||||
Slider(
|
SliderTheme(
|
||||||
value: _currentSliderValue,
|
data: SliderThemeData(
|
||||||
min: 1,
|
thumbShape: RoundSliderThumbShape(enabledThumbRadius: 8.0),
|
||||||
max: 100,
|
trackHeight: 2.0,
|
||||||
divisions: 99,
|
),
|
||||||
label: _currentSliderValue.round().toString(),
|
child: Slider(
|
||||||
onChanged: (double value) {
|
value: _currentSliderValue,
|
||||||
|
min: 1,
|
||||||
|
max: 100,
|
||||||
|
divisions: 99,
|
||||||
|
label: _currentSliderValue.round().toString(),
|
||||||
|
onChanged: (double value) {
|
||||||
|
setState(() {
|
||||||
|
_currentSliderValue = value;
|
||||||
|
_textFieldController.text =
|
||||||
|
_currentSliderValue.toString();
|
||||||
|
_errorText = null;
|
||||||
|
});
|
||||||
|
}),
|
||||||
|
),
|
||||||
|
SizedBox(width: 16.0),
|
||||||
|
SizedBox(
|
||||||
|
width: 50,
|
||||||
|
child: TextFormField(
|
||||||
|
controller: _textFieldController,
|
||||||
|
keyboardType: TextInputType.number,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
labelText: 'Enter value',
|
||||||
|
errorText: _errorText,
|
||||||
|
),
|
||||||
|
onChanged: (text) {
|
||||||
|
if (text.isEmpty) {
|
||||||
|
_currentSliderValue = 0;
|
||||||
|
setState(() {
|
||||||
|
_errorText = null;
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
final value = double.tryParse(text);
|
||||||
|
if (value == null || value < 1 || value > 100) {
|
||||||
|
setState(() {
|
||||||
|
_textFieldController.clear();
|
||||||
|
_errorText =
|
||||||
|
'Please enter a value between 1 and 100.';
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
setState(() {
|
setState(() {
|
||||||
_currentSliderValue = value;
|
_currentSliderValue = value;
|
||||||
_textFieldController.text = _currentSliderValue.toString();
|
|
||||||
_errorText = null;
|
_errorText = null;
|
||||||
});
|
});
|
||||||
}),
|
},
|
||||||
Text(_currentSliderValue.round().toString())
|
),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
SizedBox(height: 16),
|
|
||||||
TextFormField(
|
|
||||||
controller: _textFieldController,
|
|
||||||
keyboardType: TextInputType.number,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
labelText: 'Enter value',
|
|
||||||
errorText: _errorText,
|
|
||||||
),
|
|
||||||
onChanged: (text) {
|
|
||||||
if (text.isEmpty) {
|
|
||||||
_currentSliderValue = 0;
|
|
||||||
setState(() {
|
|
||||||
_errorText = null;
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
final value = double.tryParse(text);
|
|
||||||
if (value == null || value < 1 || value > 100) {
|
|
||||||
setState(() {
|
|
||||||
_textFieldController.clear();
|
|
||||||
_errorText = 'Please enter a value between 1 and 100.';
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
setState(() {
|
|
||||||
_currentSliderValue = value;
|
|
||||||
_errorText = null;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
),
|
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue