FlutterのSliderを使ってみる
最終更新日:2023-10-19
    
    Slider
 は、ユーザーがドラッグして値を変更できるウィジェットです。音量や明るさの調整、色の選択など、さまざまな用途に使用できます。

double _currentSliderValue = 50;
@override
Widget build(BuildContext context) {
  return Slider(
    value: _currentSliderValue,
    min: 0,
    max: 100,
    onChanged: (double value) {
      // 値が変更されたときの処理
    });
}
Slider
 を動かすためには、onChanged
 で setState
 を使って値を更新します。

double _currentSliderValue = 50;
@override
Widget build(BuildContext context) {
  return Slider(
    value: _currentSliderValue,
    min: 0,
    max: 100,
    onChanged: (double value) {
      setState(() {
        _currentSliderValue = value;
      });
    });
}
    
