[Flutter]Slider(スライダー)の横幅(width)を設定するには？

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

Sliderの横幅を設定する方法を紹介します。

方法
使用例

方法

Sliderの横幅を設定するには、ContainerもしくはSizedBoxを使います。

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

そして、ContainerもしくはSizedBoxの引数「width」に横幅を指定します。

Container( //SizedBoxでも同じ
  width: /*横幅*/,
  child: Slider(
    value: _value,
    onChanged: (newValue) {
      setState(() {
        _value = newValue;
      });
    },
  ),
),

ContainerもしくはSizedBoxを使うことで、Sliderの横幅を設定することが出来ます。

使用例

以下は、使用例です。

SizedBox(
  width: 200,
  child: Slider(
    value: _value,
    onChanged: (newValue) {
      setState(() {
        _value = newValue;
      });
    },
  ),
),