Для чего нужен AppBar?

AppBar в Flutter: Назначение и возможности

AppBar — это один из самых важных виджетов в Flutter, который представляет собой материальный дизайн верхнюю панель приложения. Это не просто декоративный элемент, а функциональный компонент, который обеспечивает ключевые возможности для взаимодействия пользователя с приложением.

Основные функции AppBar

1. Отображение заголовка приложения AppBar служит местом для размещения названия текущего экрана или приложения. Это помогает пользователю понять, где он находится в приложении.

AppBar(
  title: Text("Мой профиль"),
)

2. Навигация AppBar автоматически добавляет кнопку "назад" (leading button) при использовании в контексте маршрутизации. Это позволяет пользователям легко вернуться на предыдущий экран.

3. Действия и меню Применять несколько кнопок действий (actions) в правой части AppBar. Это могут быть кнопки поиска, сохранения, удаления и другие операции.

AppBar(
  title: Text("Сообщения"),
  actions: [
    IconButton(
      icon: Icon(Icons.search),
      onPressed: () => _openSearch(),
    ),
    IconButton(
      icon: Icon(Icons.more_vert),
      onPressed: () => _openMenu(),
    ),
  ],
)

4. Кастомизация внешнего вида AppBar позволяет полностью контролировать цвет фона, цвет текста, высоту и другие параметры.

AppBar(
  backgroundColor: Colors.blue,
  foregroundColor: Colors.white,
  elevation: 8.0,
  centerTitle: true,
)

Расширенные возможности

FlexibleSpaceBar Для создания сложных эффектов, таких как коллапсирующая панель при прокрутке.

PreferredSize Для установки пользовательской высоты AppBar.

PreferredSize(
  preferredSize: Size.fromHeight(100),
  child: AppBar(
    title: Text("Пользовательский AppBar"),
  ),
)

AppBar — неотъемлемая часть любого приложения Flutter, обеспечивающая удобную навигацию и интуитивный интерфейс.