Parricc35 2023-02-21 00:20:43 +01:00
parent 79c5b8fa4b
commit f0e2ce16f2
1 changed files with 50 additions and 40 deletions

View File

@ -32,7 +32,12 @@ class SliderState extends State<MySlider> {
Row( Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Slider( SliderTheme(
data: SliderThemeData(
thumbShape: RoundSliderThumbShape(enabledThumbRadius: 8.0),
trackHeight: 2.0,
),
child: Slider(
value: _currentSliderValue, value: _currentSliderValue,
min: 1, min: 1,
max: 100, max: 100,
@ -41,15 +46,16 @@ class SliderState extends State<MySlider> {
onChanged: (double value) { onChanged: (double value) {
setState(() { setState(() {
_currentSliderValue = value; _currentSliderValue = value;
_textFieldController.text = _currentSliderValue.toString(); _textFieldController.text =
_currentSliderValue.toString();
_errorText = null; _errorText = null;
}); });
}), }),
Text(_currentSliderValue.round().toString())
],
), ),
SizedBox(height: 16), SizedBox(width: 16.0),
TextFormField( SizedBox(
width: 50,
child: TextFormField(
controller: _textFieldController, controller: _textFieldController,
keyboardType: TextInputType.number, keyboardType: TextInputType.number,
decoration: InputDecoration( decoration: InputDecoration(
@ -68,7 +74,8 @@ class SliderState extends State<MySlider> {
if (value == null || value < 1 || value > 100) { if (value == null || value < 1 || value > 100) {
setState(() { setState(() {
_textFieldController.clear(); _textFieldController.clear();
_errorText = 'Please enter a value between 1 and 100.'; _errorText =
'Please enter a value between 1 and 100.';
}); });
return; return;
} }
@ -78,6 +85,9 @@ class SliderState extends State<MySlider> {
}); });
}, },
), ),
),
],
),
], ],
); );
} }