Метод 1: установка заголовка в виджете Scaffold
Самый простой способ установить заголовок на панели приложения — использовать виджет Scaffold. Scaffold

import 'package:flutter/material.dart';
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("My App Title"),
        ),
        body: Center(
          child: Text("Hello, Flutter!"),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';
void main() {
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: CustomAppBar(
          title: "My Custom App Bar",
        ),
        body: Center(
          child: Text("Hello, Flutter!"),
        ),
      ),
    );
  }
}
class CustomAppBar extends StatelessWidget implements PreferredSizeWidget {
  final String title;
  CustomAppBar({required this.title});
  @override
  Widget build(BuildContext context) {
    return AppBar(
      title: Text(title),
      // Add additional app bar features here
    );
  }
  @override
  Size get preferredSize => Size.fromHeight(kToolbarHeight);
}

import 'package:flutter/material.dart';
import 'package:flutter_modular/flutter_modular.dart';
void main() {
  runApp(ModularApp(module: AppModule()));
}
class AppModule extends Module {
  @override
  final List<Bind> binds = [];
  @override
  final List<ModularRoute> routes = [
    ChildRoute('/', child: (_, __) => MyApp()),
  ];
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("My App Title"),
        ),
        body: Center(
          child: Text("Hello, Flutter!"),
        ),
      ),
    );
  }
}

В этой статье мы рассмотрели три различных метода установки заголовка на панели приложения с самого начала во Flutter. В первом методе используется встроенная панель приложения виджета Scaffold, а во втором методе демонстрируется создание пользовательского виджета панели приложения для большей гибкости. Третий метод фокусируется на настройке заголовка панели приложения с использованием модульной архитектуры Flutter. Реализуя эти методы, вы можете эффективно управлять заголовком панели приложений и настраивать его в своих приложениях Flutter.