Класс AppBarTheme
Класс AppBarTheme описывает фон, цвет иконок
и TextStyle заголовка у
AppBar.
Объект передают в appBarTheme у ThemeData.
Поля включают backgroundColor,
foregroundColor и titleTextStyle.
Синтаксис
AppBarTheme(
backgroundColor: Colors.teal,
foregroundColor: Colors.white,
)
Параметры
| Параметр | Описание |
|---|---|
backgroundColor |
Цвет фона панели. Принимает Color.
|
foregroundColor |
Цвет заголовка и значков. Принимает Color.
|
titleTextStyle |
Стиль текста заголовка. Принимает TextStyle.
|
Пример
Давайте зададим teal фон у AppBar:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
theme: ThemeData(
appBarTheme: AppBarTheme(
backgroundColor: Colors.teal,
foregroundColor: Colors.white,
),
),
home: Scaffold(
appBar: AppBar(
title: Text('abcde'),
),
body: Center(
child: Text('12345'),
),
),
),
);
}
На экране верхняя панель станет teal,
заголовок 'abcde' и иконки - белыми.
Пример
Давайте увеличим заголовок через titleTextStyle:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
theme: ThemeData(
appBarTheme: AppBarTheme(
titleTextStyle: TextStyle(
fontSize: 22,
fontWeight: FontWeight.bold,
),
),
),
home: Scaffold(
appBar: AppBar(
title: Text('12345'),
),
body: Center(
child: Text('abcde'),
),
),
),
);
}
На экране заголовок AppBar '12345'
станет крупным и жирным.
