[Flutter]Sliderを横幅いっぱいにするには？

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

Sliderを横幅いっぱいにする方法を紹介します。

方法

Sliderを横幅いっぱいにするには、SizedBoxもしくはContainerを使います。

まず、SliderをSizedBoxもしくはContainerでラップします。

そして、SizedBoxもしくはConatinerの引数「width」にdouble.infinityを指定します。

SizedBox(
  width: double.infinity,
  child: Slider(
    value: _value,
    onChanged: (newValue) {
     ・・・
    },
  ),
),

SizedBoxもしくはContainerを使うことで、Sliderを横幅いっぱいにすることが出来ます。

使用例

以下は、使用例です。

Container(
  width: double.infinity,
  child: Slider(
    value: _value,
    onChanged: (newValue) {
      setState(() {
        _value = newValue;
      });
    },
  ),
),

[Flutter]Slider(スライダー)の値の間隔を設定するには？

Sliderの値が変化する際の、値の間隔を設定する方法を紹介します。

www.choge-blog.com

2022.01.08

[Flutter]Slider(スライダー)ウェジェットを使うには？

Sliderウェジェットを使う方法を紹介します。

www.choge-blog.com

2022.01.08

[Flutter]Sliderの太さを設定するには？

Sliderの太さを設定する方法を紹介します。

www.choge-blog.com

2022.01.08

[Flutter]Cardをカルーセル表示するには？

Cardをカルーセル表示する方法を紹介します。

www.choge-blog.com

2021.11.27