Виджет CupertinoSlider
Виджет CupertinoSlider использует value, min, max и onChanged.
Синтаксис
CupertinoSlider(value: 0.5, onChanged: (v) {})
Параметры
| Параметр | Описание |
|---|---|
value | Текущее значение. |
min | Нижняя граница. |
max | Верхняя граница. |
Пример
Давайте slider:
import 'package:flutter/cupertino.dart';
void main() {
runApp(CupertinoApp(home:Demo()));
}
class Demo extends StatefulWidget {
@override State<Demo> createState()=>_S();
}
class _S extends State<Demo> {
double v=0.3;
@override
Widget build(BuildContext c) {
return CupertinoPageScaffold(child:Center(child:Column(mainAxisSize:MainAxisSize.min,
children:[CupertinoSlider(value:v,onChanged:(x) {
setState(()=>v=x);
}
),Text(v<0.5?'abcde':'12345')])));
}
}
Ползунок меняет текст 'abcde' или '12345'.
Пример
Давайте min max:
import 'package:flutter/cupertino.dart';
void main() {
runApp( CupertinoApp( home: Demo(), ), );
}
class Demo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(child: Center(child: SizedBox(width:200,
child: CupertinoSlider(value: 0.2, min: 0, max: 1, onChanged: (v) {
}
))));
}
}
Slider на отрезке 0..1.
Смотрите также
-
виджет
CupertinoApp,
корень приложения iOS -
виджет
CupertinoPageScaffold,
экран с панелью iOS -
виджет
CupertinoNavigationBar,
верхняя панель iOS -
виджет
CupertinoButton,
кнопка iOS