bachelor/wonders
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix gap on bottom of editorial app bar image

Browse Source
This commit is contained in:
Shawn 2022-12-22 13:33:16 -07:00
parent 527fcebce1
commit 252c45a56d
1 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
lib/ui/screens/editorial/widgets/_app_bar.dart
View File

@ -53,25 +53,28 @@ class _AppBar extends StatelessWidget {
fit: StackFit.expand,
children: [
/// Masked image
Center(
BottomCenter(
child: SizedBox(
width: showOverlay ? double.infinity : $styles.sizes.maxContentWidth1,
child: ClipPath(
// Switch arch type to Rect if we are showing the title bar
clipper: showOverlay ? null : ArchClipper(arch),
child: ValueListenableBuilder<double>(
valueListenable: scrollPos,
builder: (_, value, child) {
double opacity = (.4 + (value / 1500)).clamp(0, 1);
return ScalingListItem(
scrollPos: scrollPos,
child: Image.asset(
wonderType.photo1,
fit: BoxFit.cover,
opacity: AlwaysStoppedAnimation(opacity),
),
);
},
child: Padding(
padding: const EdgeInsets.only(bottom: 50),
child: ClipPath(
// Switch arch type to Rect if we are showing the title bar
clipper: showOverlay ? null : ArchClipper(arch),
child: ValueListenableBuilder<double>(
valueListenable: scrollPos,
builder: (_, value, child) {
double opacity = (.4 + (value / 1500)).clamp(0, 1);
return ScalingListItem(
scrollPos: scrollPos,
child: Image.asset(
wonderType.photo1,
fit: BoxFit.cover,
opacity: AlwaysStoppedAnimation(opacity),
),
);
},
),
),
),
),