[flutter] FlatButton을 사용하여 슬라이더를 만드는 방법은?

26 Dec 2023

flutter

슬라이더를 만들려면 먼저 flutter/material.dart 패키지를 가져와야 합니다:

import 'package:flutter/material.dart';

그런 다음 StatefulWidget 위젯을 사용하여 슬라이더를 만들 수 있습니다. 아래는 FlatButton을 사용하여 슬라이더를 만드는 간단한 예제입니다.

class SliderButton extends StatefulWidget {
  @override
  _SliderButtonState createState() => _SliderButtonState();
}

class _SliderButtonState extends State<SliderButton> {
  double _sliderValue = 0.0;

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        FlatButton(
          onPressed: () {
            // Do something when the button is pressed
          },
          child: Text('Button'),
        ),
        Slider(
          value: _sliderValue,
          onChanged: (newValue) {
            setState(() {
              _sliderValue = newValue;
            });
          },
          min: 0.0,
          max: 100.0,
        ),
      ],
    );
  }
}

위의 코드를 보면, FlatButton을 사용하여 슬라이더 위에 버튼을 배치하고 있습니다. 버튼을 누를 때 어떤 작업을 수행하도록 원한다면 onPressed 콜백을 설정하면 됩니다.

이제 위젯을 앱에서 사용하여 슬라이더와 버튼이 함께 나타나도록 할 수 있습니다.

이것은 간단한 예제일 뿐이며, 디자인이나 기능을 추가하여 보다 풍부한 사용자 경험을 제공할 수 있습니다.

더 자세한 정보는 Flutter 공식 문서를 참조하세요.