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

Update carousel positioning to be more consistent

Browse Source
This commit is contained in:
Shawn 2022-12-21 10:57:05 -07:00
parent 1fa8a54f99
commit fdd9b1073b
1 changed files with 29 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
lib/ui/screens/artifact/artifact_carousel/widgets/_collapsing_carousel_item.dart
View File

@ -22,21 +22,22 @@ class _CollapsingCarouselItem extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
// Calculate offset, this will be subtracted from the bottom padding moving the element downwards // Calculate offset, this will be subtracted from the bottom padding moving the element downwards
double vtOffset = 0; double vtOffset = 0;
if (indexOffset == 1) vtOffset = width * .1; final tallHeight = width * 1.5;
if (indexOffset == 2) vtOffset = width * .4; if (indexOffset == 1) vtOffset = width * .4;
if (indexOffset == 2) vtOffset = width * .8;
if (indexOffset > 2) vtOffset = width; if (indexOffset > 2) vtOffset = width;
final content = AnimatedOpacity( final content = AnimatedOpacity(
duration: $styles.times.fast, duration: $styles.times.fast,
opacity: indexOffset.abs() <= 2 ? 1 : 0, opacity: indexOffset.abs() <= 2 ? 1 : 0,
child: AnimatedPadding( child: _AnimatedTranslate(
duration: $styles.times.fast, duration: $styles.times.fast,
padding: EdgeInsets.only(bottom: max(bottom - vtOffset, 0)), offset: Offset(0, -tallHeight * .2 + vtOffset),
child: BottomCenter( child: Center(
child: AnimatedContainer( child: AnimatedContainer(
duration: $styles.times.fast, duration: $styles.times.fast,
// Center item is portrait, the others are square // Center item is portrait, the others are square
height: indexOffset == 0 ? width * 1.5 : width, height: indexOffset == 0 ? tallHeight : width,
width: width, width: width,
child: child, child: child,
), ),
@ -48,6 +49,28 @@ class _CollapsingCarouselItem extends StatelessWidget {
} }
} }
class _AnimatedTranslate extends StatelessWidget {
const _AnimatedTranslate({
Key? key,
required this.duration,
required this.offset,
required this.child,
}) : super(key: key);
final Duration duration;
final Offset offset;
final Widget child;
@override
Widget build(BuildContext context) {
return TweenAnimationBuilder<Offset>(
tween: Tween(begin: offset, end: offset),
duration: duration,
child: child,
builder: (_, offset, c) => Transform.translate(offset: offset, child: c),
);
}
}
class _DoubleBorderImage extends StatelessWidget { class _DoubleBorderImage extends StatelessWidget {
const _DoubleBorderImage(this.data, {Key? key}) : super(key: key); const _DoubleBorderImage(this.data, {Key? key}) : super(key: key);
final HighlightData data; final HighlightData data;