Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Flutter Cookbook, Second Edition

You're reading from   Flutter Cookbook, Second Edition 100+ step-by-step recipes for building cross-platform, professional-grade apps with Flutter 3.10.x and Dart 3.x

Arrow left icon
Product type Paperback
Published in May 2023
Publisher Packt
ISBN-13 9781803245430
Length 712 pages
Edition 2nd Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Simone Alessandria Simone Alessandria
Author Profile Icon Simone Alessandria
Simone Alessandria
Arrow right icon
View More author details
Toc

Table of Contents (19) Chapters Close

Preface 1. Getting Started with Flutter 2. Creating Your First Flutter App FREE CHAPTER 3. Dart: A Language You Already Know 4. Introduction to Widgets 5. Mastering Layout and Taming the Widget Tree 6. Adding Interactivity and Navigation to Your App 7. Basic State Management 8. The Future is Now: Introduction to Asynchronous Programming 9. Data Persistence and Communicating with the Internet 10. Advanced State Management with Streams 11. Using Flutter Packages 12. Adding Animations to Your App 13. Using Firebase 14. Firebase Machine Learning 15. Flutter Web and Desktop 16. Distributing Your Mobile App 17. Other Books You May Enjoy
18. Index

Using premade animation transitions

You can use transition widgets to create animations in an easier way than using traditional animations. The Flutter framework contains several pre-made transitions, which makes animating objects extremely straightforward. These include:

  • DecoratedBoxTransition
  • FadeTransition
  • PositionedTransition
  • RotationTransition
  • ScaleTransition
  • SizeTransition
  • SlideTransition

In this recipe, you will use the FadeTransition widget, but the same animation rules that you will see for FadeTransition apply to the other transitions in the Flutter framework.

In particular, you will make a square appear slowly on the screen, over a specified duration of time:

Shape, square  Description automatically generated

Figure 12.6: A square appearing with FadeTransition

Getting ready

To follow along with this recipe, you need any existing Flutter project already created, or you can use the app created in any of the previous recipes.

How to do it...

...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime