Flutter Animations: Interactive Page Flip Widget [Part 2]

Опубликовано: 23 Октябрь 2024
на канале: Andrea Bizzotto
4,685
112

Part 2 on how to build an interactive page flip widget using Flutter's AnimationController, AnimationBuilder, gesture detectors and custom 3D matrix transforms.

Written tutorial:
https://codewithandrea.com/videos/flu...

Starter project:
https://codewithandrea.com/videos/flu...

page_flip_builder source on GitHub:
https://github.com/bizz84/page_flip_b...

page_flip_builder package on pub.dev:
https://pub.dev/packages/page_flip_bu...

CONTENTS

00:00 - Intro
00:43 - Making the page flip transition interactive with GestureDetector
02:47 - Extending the animation range to [-1, 1]
05:43 - Fine-tuning the AnimationController transitions
07:39 - Completing the animation on drag end
12:36 - Wrap Up

Join my FREE email course to become a Flutter expert with the best resources, at your own pace: https://codewithandrea.com/newsletter/

Sign up for my upcoming Flutter Animations course: 👇👇
https://codewithandrea.com/courses/fl...

Happy coding!