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