📍 튜터님과 Widget 공부

✏️ Slider

Slider란?

사용자가 연속적 값을 선택할 수 있는 UI
예: 볼륨 조절, 밝기 조절, 가격 범위 등

주요 속성

속성	설명	예시
value	현재 선택된 값	value: _currentValue
onChanged	값이 바뀔 때 호출되는 콜백	(value) => setState(() => _currentValue = value)
min	슬라이더 최소값	min: 0
max	슬라이더 최대값	max: 100
divisions	슬라이더를 discrete하게 나누기 (선택 값 구간)	divisions: 5
label	값에 대한 표시 텍스트	label: '$_currentValue'
activeColor	슬라이더 채워진 색상	activeColor: Colors.blue
inactiveColor	슬라이더 채워지지 않은 색상	inactiveColor: Colors.grey

기본 사용 예시

double _currentValue = 50;

Slider(
  value: _currentValue,
  min: 0,
  max: 100,
  divisions: 10,
  label: '$_currentValue',
  onChanged: (value) {
    setState(() {
      _currentValue = value;
    });
  },
)

divisions가 없으면 연속 값
divisions가 있으면 단계별 값 선택 가능