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.