Класс CupertinoThemeData
Класс CupertinoThemeData задают в theme
CupertinoApp
или CupertinoTheme.
Поля primaryColor и brightness меняют акцент и светлую или тёмную схему.
Синтаксис
const CupertinoThemeData( primaryColor: CupertinoColors.activeGreen, brightness: Brightness.light, )
Параметры
| Параметр | Описание |
|---|---|
primaryColor |
Основной цвет виджетов Cupertino. Принимает Color.
|
brightness |
Светлая или тёмная тема. Принимает Brightness.
|
Пример
Давайте зададим primaryColor в CupertinoApp:
import 'package:flutter/cupertino.dart';
void main() {
runApp( CupertinoApp( theme: const CupertinoThemeData( primaryColor: CupertinoColors.activeGreen,
), home: Demo(), ), );
}
class Demo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CupertinoPageScaffold( child: Center( child: CupertinoActivityIndicator(color: CupertinoColors.activeGreen),
), )
}
}
Индикатор на экране использует зелёный primaryColor из CupertinoThemeData.
Пример
Давайте включим тёмный brightness:
import 'package:flutter/cupertino.dart';
void main() {
runApp( CupertinoApp( theme: const CupertinoThemeData(brightness: Brightness.dark),
home: Demo(), ), );
}
class Demo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CupertinoPageScaffold( child: Center(child: Text('12345')), );
}
}
Текст '12345' на тёмном фоне CupertinoThemeData.
Смотрите также
-
виджет
CupertinoApp,
корень приложения iOS -
виджет
CupertinoPageScaffold,
экран с панелью iOS -
виджет
CupertinoNavigationBar,
верхняя панель iOS -
виджет
CupertinoButton,
кнопка iOS