Ecosystem/stack_wallet
1
0
Fork 0
mirror of https://github.com/cypherstack/stack_wallet.git synced 2024-11-17 09:47:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add stacked overlay center widget to ensure exact center in desktop appbar

Browse source
This commit is contained in:
julian 2023-04-07 15:36:34 -06:00
parent 6754c2ebdf
commit f744fd10de
1 changed files with 27 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
lib/widgets/desktop/desktop_app_bar.dart
View file

@ -1,4 +1,5 @@
import 'package:flutter/material.dart';
import 'package:stackwallet/widgets/conditional_parent.dart';
const double kDesktopAppBarHeight = 96.0;
const double kDesktopAppBarHeightCompact = 82.0;
@ -8,6 +9,7 @@ class DesktopAppBar extends StatelessWidget {
Key? key,
this.leading,
this.center,
this.overlayCenter,
this.trailing,
this.background = Colors.transparent,
required this.isCompactHeight,
@ -16,6 +18,7 @@ class DesktopAppBar extends StatelessWidget {
final Widget? leading;
final Widget? center;
final Widget? overlayCenter;
final Widget? trailing;
final Color background;
final bool isCompactHeight;
@ -43,16 +46,31 @@ class DesktopAppBar extends StatelessWidget {
items.add(trailing!);
}
return Container(
decoration: BoxDecoration(
color: background,
return ConditionalParent(
condition: overlayCenter != null,
builder: (child) => Stack(
children: [
child,
Positioned.fill(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [overlayCenter!],
),
),
],
),
height:
isCompactHeight ? kDesktopAppBarHeightCompact : kDesktopAppBarHeight,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.center,
children: items,
child: Container(
decoration: BoxDecoration(
color: background,
),
height: isCompactHeight
? kDesktopAppBarHeightCompact
: kDesktopAppBarHeight,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.center,
children: items,
),
),
);
}