[flutter] 플러터 커퍼티노 스테퍼의 프로퍼티와 메소드
1. 플러터 커퍼티노 스테퍼란?
플러터에서는 iOS의 네이티브 디자인인 커퍼티노 디자인을 구현하기 위해 커퍼티노 위젯을 제공합니다. 커퍼티노 스테퍼는 일반적으로 숫자나 값의 범위를 선택하는 데 사용되는 위젯입니다. 이 위젯을 사용하여 사용자가 값을 증가 또는 감소시키는 스테퍼를 만들 수 있습니다.
2. 플러터 커퍼티노 스테퍼의 프로퍼티
2.1 value
double타입의 값으로, 스테퍼의 현재 값을 나타냅니다.- 스테퍼의 값을 변경하려면 이 프로퍼티를 변경해야 합니다.
2.2 min
double타입의 값으로, 스테퍼의 최소값을 나타냅니다.- 스테퍼의 값은 이 최소값보다 작아질 수 없습니다.
2.3 max
double타입의 값으로, 스테퍼의 최대값을 나타냅니다.- 스테퍼의 값은 이 최대값보다 크지 않아야 합니다.
2.4 onChanged
ValueChanged<double>타입의 콜백 함수로, 스테퍼의 값이 변경될 때 호출됩니다.- 스테퍼의 값을 변경할 때마다 사용자 정의 로직을 실행할 수 있습니다.
3. 플러터 커퍼티노 스테퍼의 메소드
3.1 animateTo
void animateTo(
double value,
Duration duration,
Curve curve,
)
- 스테퍼의 값을 애니메이션으로 주어진 값으로 변경합니다.
duration은 애니메이션의 지속 시간을,curve는 애니메이션의 진행 방식을 지정하는데 사용됩니다.
4. 예제 코드
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class CupertinoStepperExample extends StatefulWidget {
@override
_CupertinoStepperExampleState createState() => _CupertinoStepperExampleState();
}
class _CupertinoStepperExampleState extends State<CupertinoStepperExample> {
double _value = 0;
@override
Widget build(BuildContext context) {
return Center(
child: CupertinoStepper(
value: _value,
min: 0,
max: 10,
onChanged: (newValue) {
setState(() {
_value = newValue;
});
},
),
);
}
}