Fix collectible found screen

This commit is contained in:
Shawn 2022-10-27 10:24:12 -06:00
parent 1a34f14967
commit 630a7a38e5

View File

@ -51,21 +51,32 @@ class CollectibleFoundScreen extends StatelessWidget {
Animate().custom(duration: t, builder: (context, ratio, _) => _buildGradient(context, 1, ratio)), Animate().custom(duration: t, builder: (context, ratio, _) => _buildGradient(context, 1, ratio)),
_CelebrationParticles(fadeMs: (t * 6).inMilliseconds), _CelebrationParticles(fadeMs: (t * 6).inMilliseconds),
SafeArea( SafeArea(
child: Column(children: [ child: Center(
Spacer(flex: 5), child: SizedBox(
Flexible( width: $styles.sizes.maxContentWidth3,
flex: 18, child: Column(
children: [
Gap($styles.insets.lg),
Spacer(),
SizedBox(
height: context.heightPx * .35,
child: Center(child: Hero(tag: 'collectible_image_${collectible.id}', child: _buildImage(context))), child: Center(child: Hero(tag: 'collectible_image_${collectible.id}', child: _buildImage(context))),
), ),
Spacer(flex: 2),
_buildRibbon(context), _buildRibbon(context),
Spacer(flex: 2), Gap($styles.insets.sm),
_buildTitle(context, collectible.title, $styles.text.h2, $styles.colors.offWhite, t * 1.5), _buildTitle(context, collectible.title, $styles.text.h2, $styles.colors.offWhite, t * 1.5),
Gap($styles.insets.xs), Gap($styles.insets.xs),
_buildTitle(context, collectible.subtitle.toUpperCase(), $styles.text.title2, $styles.colors.accent1, t * 2), _buildTitle(
Spacer(flex: 2), context, collectible.subtitle.toUpperCase(), $styles.text.title2, $styles.colors.accent1, t * 2),
Spacer(),
Gap($styles.insets.lg),
_buildCollectionButton(context), _buildCollectionButton(context),
]), Gap($styles.insets.lg),
Spacer(),
],
),
),
),
), ),
BackBtn.close().safe().animate().fade(delay: t * 4, duration: t * 2), BackBtn.close().safe().animate().fade(delay: t * 4, duration: t * 2),
]); ]);
@ -146,14 +157,11 @@ class CollectibleFoundScreen extends StatelessWidget {
Widget _buildCollectionButton(BuildContext context) { Widget _buildCollectionButton(BuildContext context) {
Duration t = $styles.times.fast; Duration t = $styles.times.fast;
return Container( return AppBtn.from(
padding: EdgeInsets.all($styles.insets.lg),
child: AppBtn.from(
text: $strings.collectibleFoundButtonViewCollection, text: $strings.collectibleFoundButtonViewCollection,
isSecondary: true, isSecondary: true,
expand: true, expand: true,
onPressed: () => _handleViewCollectionPressed(context), onPressed: () => _handleViewCollectionPressed(context),
),
) )
.animate() .animate()
.show(delay: t * 4) .show(delay: t * 4)