85 lines
2.3 KiB
Dart
85 lines
2.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:recording_tool/app/router/app_navigator.dart';
|
|
import 'package:recording_tool/gen/assets.gen.dart';
|
|
|
|
/// 全局页面标题栏：背景图撑满 + 居中标题 + 返回按钮。
|
|
/// 可直接赋给 [Scaffold.appBar]。
|
|
class AppPageBar extends StatelessWidget implements PreferredSizeWidget {
|
|
const AppPageBar({
|
|
super.key,
|
|
this.title = '',
|
|
this.titleWidget,
|
|
this.backgroundImage,
|
|
this.onBack,
|
|
this.actions,
|
|
this.centerTitle = true,
|
|
this.titleSpacing,
|
|
});
|
|
|
|
final String title;
|
|
final Widget? titleWidget;
|
|
final String? backgroundImage;
|
|
final VoidCallback? onBack;
|
|
final List<Widget>? actions;
|
|
|
|
/// 标题是否居中；false 时左对齐，紧随返回按钮。
|
|
final bool centerTitle;
|
|
final double? titleSpacing;
|
|
|
|
@override
|
|
Size get preferredSize => const Size.fromHeight(kToolbarHeight);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final imagePath = backgroundImage ?? Assets.images.imageAppBarBg.path;
|
|
|
|
return AppBar(
|
|
backgroundColor: Colors.transparent,
|
|
elevation: 0,
|
|
scrolledUnderElevation: 0,
|
|
centerTitle: centerTitle,
|
|
titleSpacing: titleSpacing,
|
|
systemOverlayStyle: SystemUiOverlayStyle.light,
|
|
flexibleSpace: SizedBox.expand(
|
|
child: Image.asset(
|
|
imagePath,
|
|
fit: BoxFit.cover,
|
|
alignment: Alignment.center,
|
|
),
|
|
),
|
|
leading: IconButton(
|
|
icon: Icon(
|
|
Icons.chevron_left_rounded,
|
|
color: Colors.white,
|
|
size: 28.sp,
|
|
),
|
|
onPressed: onBack ?? () => AppNavigator.pop(context: context),
|
|
),
|
|
title:
|
|
titleWidget ??
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 20.sp,
|
|
fontWeight: FontWeight.w600,
|
|
fontFamily: 'PingFang SC',
|
|
),
|
|
),
|
|
actions: actions,
|
|
);
|
|
}
|
|
}
|
|
|
|
/// 兼容旧调用；内部委托 [AppPageBar]。
|
|
PreferredSizeWidget myAppBar({
|
|
required BuildContext context,
|
|
String title = '',
|
|
Widget? titleWidget,
|
|
List<Widget>? actions,
|
|
}) {
|
|
return AppPageBar(title: title, titleWidget: titleWidget, actions: actions);
|
|
}
|