建议先将Flutter官方文档过一遍，本系列教程 Flutter SDK >= 3.10.0

一、配置项

标红的是几个常用的配置

二、实现一个自定义的AppBar

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:lhdht_flutter_app/components/bottom_navigation/entrance.dart';

class HomePageEntrance extends StatelessWidget {
  const HomePageEntrance({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("首页", style: TextStyle(
          color: Colors.black,
        ),),
        systemOverlayStyle: const SystemUiOverlayStyle(
          statusBarIconBrightness: Brightness.dark, // 这里是设置StatusBar的Theme(light、dark)
        ),
        backgroundColor: Colors.transparent, // 这里不设置透明的化，从其他页面跳转过来的话会闪烁一下
        elevation: 0, // 底部阴影

        flexibleSpace: const Image(
          image: AssetImage('lib/assets/images/light_background.jpg'),
          fit: BoxFit.cover,
        ),
      ),
      body: const Center(
        child: Text("home page"),
      ),
      bottomNavigationBar: EntranceBottomNavigation(page: "/home"),
    );
  }
}