Виджет CupertinoScrollbar
Виджет CupertinoScrollbar оборачивает прокручиваемый child.
Синтаксис
CupertinoScrollbar(child: SingleChildScrollView(child: Column(children: [])))
Параметры
| Параметр | Описание |
|---|---|
child | Прокручиваемый виджет. |
controller | ScrollController для синхронизации. |
Пример
Давайте scrollbar:
import 'package:flutter/cupertino.dart';
void main() {
runApp( CupertinoApp( home: Demo(), ), );
}
class Demo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(child: CupertinoScrollbar(child: SingleChildScrollView(child: Column(children: [for (int i = 0;
i < 20;
i++) Text(i.isEven ? 'abcde' : '12345')]))));
}
}
Длинный список с полосой прокрутки.
Пример
Давайте thumbVisibility:
import 'package:flutter/cupertino.dart';
void main() {
runApp( CupertinoApp( home: Demo(), ), );
}
class Demo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(child: CupertinoScrollbar(thumbVisibility: true,
child: SingleChildScrollView(child: SizedBox(height: 800,
child: Center(child: Text('abcde'))))))
}
}
Полоса видна на фоне текста 'abcde'.
Смотрите также
-
виджет
CupertinoApp,
корень приложения iOS -
виджет
CupertinoPageScaffold,
экран с панелью iOS -
виджет
CupertinoNavigationBar,
верхняя панель iOS -
виджет
CupertinoButton,
кнопка iOS