[flutter] 플러터 Slider를 터치하여 값 선택하는 방법은?

08 Dec 2023

flutter

먼저, StatefulWidget를 사용하여 상태를 관리합니다. 이후 Slider 위젯을 생성하고, onChanged 콜백을 설정하여 값을 업데이트하는 메서드를 호출합니다.

아래는 간단한 예시입니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MySlider(),
    );
  }
}

class MySlider extends StatefulWidget {
  @override
  _MySliderState createState() => _MySliderState();
}

class _MySliderState extends State<MySlider> {
  double _currentValue = 50;

  void _updateValue(double value) {
    setState(() {
      _currentValue = value;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Slider Example'),
      ),
      body: Center(
        child: Slider(
          value: _currentValue,
          min: 0,
          max: 100,
          onChanged: _updateValue,
        ),
      ),
    );
  }
}

위 코드에서 Slider 위젯의 onChanged 콜백은 _updateValue 메서드를 호출하며, 그 결과로 상태가 업데이트됩니다. 이를 통해 사용자가 슬라이더를 조작할 때마다 값을 업데이트할 수 있습니다.

더 복잡한 동작을 추가하고자 할 때는 상태를 관리하는 방법을 고려해보는 것이 좋습니다.