モケラ

Tech Sheets

mokelab

FlutterのSliderを使ってみる

最終更新日:2023-10-19

公式ドキュメント:Slider class

Slider は、ユーザーがドラッグして値を変更できるウィジェットです。音量や明るさの調整、色の選択など、さまざまな用途に使用できます。

double _currentSliderValue = 50;

@override
Widget build(BuildContext context) {
  return Slider(
    value: _currentSliderValue,
    min: 0,
    max: 100,
    onChanged: (double value) {
      // 値が変更されたときの処理
    });
}

Slider を動かすためには、onChangedsetState を使って値を更新します。

double _currentSliderValue = 50;

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

一覧に戻る