[Flutter]Sliderで操作が終わった時に処理をするには？

どうも、ちょげ(@chogetarou)です。

Sliderの値の変更が終わった際に処理をする方法を紹介します。

方法

Sliderの値の変更が終わった時の処理をするには、引数「onChangeEnd」を使います。

具体的には、 Sliderの引数「onChangeEnd」に操作が終わった時に呼び出す関数を指定します。
（関数は、「(endValue){}」のようなものです。）

Slider(
  value: _value,
  onChanged: (newValue) {
    ・・・
  },
  onChangeEnd: (endValue) {
      //操作が終わった時の処理
  },
),

引数「onChangeEnd」を使うことで、Sliderの操作が終わった時に処理をすることが出来ます。

使用例

以下は、使用例です。

Slider(
  value: _value,
  onChanged: (newValue) {
    setState(() {
      _value = newValue;
    });
  },
  onChangeEnd: (endValue) {
    print('End');
    showDialog(
      context: context,
      builder: (context) {
        return AlertDialog(
          content: Text('編集終了'),
        );
      },
    );
  },
),

[Flutter]Sliderのつまみの大きさを変えるには？

Sliderの操作する部分である「つまみ」の大きさを変える方法を紹介します。

www.choge-blog.com

2022.01.10

404 NOT FOUND | ちょげぶろぐ

www.choge-blog.com

[Flutter]Sliderのつまみの色を変えるには？

Sliderの操作する部分である「つまみ」の色を設定する方法を紹介します。

www.choge-blog.com

2022.01.10

[Flutter]Sliderを縦方向にするには？

Sliderを縦方向にする方法を紹介します。

www.choge-blog.com

2022.01.10