[flutter] 플러터 Slider를 수직으로 표시하는 방법은?

08 Dec 2023

flutter

다음의 코드는 수직 Slider를 만드는 방법을 보여줍니다:

SliderTheme(
  data: SliderTheme.of(context).copyWith(
    trackHeight: 5,
    thumbShape: RoundSliderThumbShape(enabledThumbRadius: 12.0),
    overlayShape: RoundSliderOverlayShape(overlayRadius: 20.0),
  ),
  child: Slider(
    value: _currentSliderValue,
    min: 0,
    max: 100,
    onChanged: (value) {
      setState(() {
        _currentSliderValue = value;
      });
    },
  ),
),

이 코드를 사용하여 Slider 위젯을 SliderTheme을 통해 커스터마이즈하고 있습니다. SliderTheme에서 trackHeight로 Slider의 높이를 조정하고, thumbShape과 overlayShape을 사용하여 UI 디자인을 변경할 수 있습니다.

이렇게 하면 플러터에서 수직 Slider를 만들 수 있습니다. 원하시는 대로 커스터마이즈하여 사용하시면 됩니다.