YaruCarousel: use size transform animation (#131)

ubuntu · May 18, 2022 · c4bba9c · c4bba9c
1 parent 3166317
commit c4bba9c
Showing 1 changed file with 26 additions and 22 deletions.
diff --git a/lib/src/yaru_carousel.dart b/lib/src/yaru_carousel.dart
@@ -99,28 +99,32 @@ class _YaruCarouselState extends State<YaruCarousel> {
       height: widget.height,
       width: widget.width,
       child: PageView.builder(
-          itemCount: widget.children.length,
-          pageSnapping: true,
-          controller: _pageController,
-          physics:
-              // Disable physic when auto scroll is enable because we cannot
-              // disable the timer when dragging the view
-              widget.autoScroll ? const NeverScrollableScrollPhysics() : null,
-          onPageChanged: (index) => setState(() => _index = index),
-          itemBuilder: (context, index) => AnimatedContainer(
-                duration: _kAnimationDuration,
-                curve: _kAnimationCurve,
-                margin: EdgeInsets.all(index == _index ? 10 : 20),
-                child: _index == index - 1 || _index == index + 1
-                    ? GestureDetector(
-                        behavior: HitTestBehavior.opaque,
-                        onTap: () => _animateToPage(index),
-                        child: IgnorePointer(
-                          child: widget.children[index],
-                        ),
-                      )
-                    : widget.children[index],
-              )),
+        itemCount: widget.children.length,
+        pageSnapping: true,
+        controller: _pageController,
+        physics:
+            // Disable physic when auto scroll is enable because we cannot
+            // disable the timer when dragging the view
+            widget.autoScroll ? const NeverScrollableScrollPhysics() : null,
+        onPageChanged: (index) => setState(() => _index = index),
+        itemBuilder: (context, index) => AnimatedScale(
+          scale: _index == index ? 1.0 : .95,
+          duration: _kAnimationDuration,
+          curve: _kAnimationCurve,
+          child: Container(
+            margin: const EdgeInsets.all(10),
+            child: _index == index - 1 || _index == index + 1
+                ? GestureDetector(
+                    behavior: HitTestBehavior.opaque,
+                    onTap: () => _animateToPage(index),
+                    child: IgnorePointer(
+                      child: widget.children[index],
+                    ),
+                  )
+                : widget.children[index],
+          ),
+        ),
+      ),
     );
   }