ente/lib/ui/components/bottom_of_title_bar_widget.dart

57 lines
1.7 KiB
Dart

import 'package:flutter/material.dart';
import 'package:photos/theme/ente_theme.dart';
import 'package:photos/ui/components/title_bar_title_widget.dart';
///https://www.figma.com/file/SYtMyLBs5SAOkTbfMMzhqt/ente-Visual-Design?node-id=7309%3A29088&t=ReeZ2Big8xSsemZb-4
class BottomOfTitleBarWidget extends StatelessWidget {
final TitleBarTitleWidget? title;
final String? caption;
final bool showCloseButton;
const BottomOfTitleBarWidget({
this.title,
this.caption,
this.showCloseButton = false,
super.key,
});
@override
Widget build(BuildContext context) {
return Row(
mainAxisAlignment: showCloseButton ? MainAxisAlignment.spaceBetween :
MainAxisAlignment.start,
children: [
Flexible(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
title ?? const SizedBox.shrink(),
caption != null
? Text(
caption!,
style: getEnteTextTheme(context).small.copyWith(
color: getEnteColorScheme(context).textMuted,
),
)
: const SizedBox.shrink(),
],
),
),
),
if (showCloseButton)
IconButton(
icon: Icon(
Icons.close,
color: getEnteColorScheme(context).strokeFaint,
),
onPressed: () {
Navigator.of(context).pop();
},
),
],
);
}
}