[Flutter]Slider(スライダー)のラベル(label)のサイズ(size)を変えるには？

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

Sliderのラベルで表示するテキストのサイズを変える方法を紹介します。

方法
使用例

方法

Sliderのラベルのサイズを変えるには、SliderThemeを使います。

まず、SliderThemeでSliderをラップし、SliderThemeの引数「data」にSliderThemeDataを指定します。

次に、SliderThemeDataの引数「valueIndicatorTextStyle」にTextStyleを指定します。

そして、TextStyleの引数「fontSize」にラベルのサイズを指定します。

SliderTheme(
  data: SliderThemeData(
    valueIndicatorTextStyle: TextStyle(
      fontSize: /*ラベルのテキストのサイズ*/,
    ),
  ),
  child: Slider(・・・),
),

SliderThemeを使うことで、Sliderのラベルのサイズを設定することが出来ます。

使用例

以下は、使用例です。

SliderTheme(
  data: SliderThemeData(
    valueIndicatorTextStyle: TextStyle(
      fontSize: 24.0,
    ),
  ),
  child: Slider(
    value: _value,
    onChanged: (newValue) {
      setState(() {
        _value = newValue;
      });
    },
    divisions: 10,
    label: '$_value',
  ),
),