[Flutter]Slider(label)のラベル(label)の色(color)を設定するには？

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

Sliderのラベルで表示するテキストの色を設定する方法を紹介します。

方法
使用例

方法

Sliderのラベルの色を設定するには、SliderThemeを使います。

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

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

そして、TextStyleの引数「color」にラベルの色を指定します。

SliderTheme(
  data: SliderThemeData(
    valueIndicatorTextStyle: TextStyle(
      color: /*ラベルのテキストの色*/,
    ),
  ),
  child: Slider(・・・),
),

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

使用例

以下は、使用例です。

SliderTheme(
  data: SliderThemeData(
    valueIndicatorTextStyle: TextStyle(
      color: Colors.red[100],
    ),
  ),
  child: Slider(
    value: _value,
    onChanged: (newValue) {
      setState(() {
        _value = newValue;
      });
    },
    divisions: 10,
    label: '$_value',
  ),
),