Изучение различных методов центрирования заголовка в панели приложений Flutter

class CenteredTitleAppBar extends StatelessWidget implements PreferredSizeWidget {
  final String title;
  CenteredTitleAppBar({required this.title});
  @override
  Widget build(BuildContext context) {
    return AppBar(
      title: Center(
        child: Text(
          title,
          textAlign: TextAlign.center,
        ),
      ),
    );
  }
  @override
  Size get preferredSize => Size.fromHeight(kToolbarHeight);
}

Чтобы использовать эту пользовательскую панель приложений, замените виджет AppBar по умолчанию на CenteredTitleAppBarв своем Scaffold.

Как и в методе 1, замените панель приложений по умолчанию на CenteredTitleAppBarв Scaffold.

Метод 3: собственный PreferredSizeWidget
Если вы предпочитаете более настраиваемое решение, вы можете создать собственный PreferredSizeWidget. Вот пример:

class CenteredTitleAppBar extends StatelessWidget implements PreferredSizeWidget {
  final String title;
  CenteredTitleAppBar({required this.title});
  @override
  Widget build(BuildContext context) {
    return AppBar(
      title: Text(
        title,
        textAlign: TextAlign.center,
      ),
      toolbarHeight: kToolbarHeight,
      bottom: PreferredSize(
        preferredSize: Size.fromHeight(0),
        child: Container(),
      ),
    );
  }
  @override
  Size get preferredSize => Size.fromHeight(kToolbarHeight);
}

Как и в предыдущих методах, замените панель приложений по умолчанию на CenteredTitleAppBarв вашем Scaffold.