Slider
O Slider
no Flutter é um widget interativo que permite aos usuários selecionar um valor de um intervalo contínuo. Os usuários podem deslizar o polegar (ou tocar na barra) para ajustar o valor. Aqui está um exemplo básico de como usar o Slider
:
class MySliderWidget extends StatefulWidget {
@override
_MySliderWidgetState createState() => _MySliderWidgetState();
}
class _MySliderWidgetState extends State<MySliderWidget> {
double _sliderValue = 50; // Valor inicial do Slider
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Slider(
value: _sliderValue, // Valor atual do Slider
min: 0, // Valor mínimo
max: 100, // Valor máximo
onChanged: (newValue) {
// Função chamada quando o valor do Slider é alterado
setState(() {
_sliderValue = newValue;
});
},
),
Text('Valor do Slider: $_sliderValue'),
],
);
}
}
void main() => runApp(MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Flutter Slider Example'),
),
body: Center(
child: MySliderWidget(),
),
),
));
Neste exemplo, _sliderValue
representa o valor atual do Slider
. Quando o usuário move o polegar para alterar o valor, a função onChanged
é chamada e atualiza o _sliderValue
. O valor do Slider
varia de 0 a 100, conforme especificado pelos parâmetros min
e max
.
Você pode personalizar ainda mais o Slider
adicionando propriedades adicionais, como divisions
para dividir o intervalo em segmentos visíveis e label
para exibir um rótulo ao lado do polegar indicando o valor atual do Slider
.
O Slider
é útil quando você precisa permitir que os usuários escolham um valor de um intervalo contínuo, como volume, brilho ou qualquer outro valor numérico variável.