Summary
Full Transcript
Flutter Mobile App Development – Lecture 05: Animations, Navigation & Data Persistence in Flutter 🎓 Course: Flutter Mobile App Development 👨🏫 Instructor: Dr. Abbas Malik 🏛 University: Prince Sultan University – College of Computer & Information Sciences 💡 Perfect for beginners in Flutter or anyone looking to strengthen their UI/UX layout skills in mobile development! 🔹 Course GitHub Repository: 📂 All course materials, code examples, and projects: https://github.com/mgmalik/flutterappdev In this comprehensive lecture, we explore how to create dynamic user interfaces with animations, implement navigation between screens, and persist user data locally. You'll learn to build a complete Login & Signup app with state management, local storage, and smooth screen transitions using real-world development patterns. 🔹 Topics Covered: • Implicit Animations: o Easy animations with AnimatedContainer, AnimatedAlign, AnimatedOpacity, AnimatedPadding, etc. o Automatically animating property changes o Live coding: Building animated UI components • Explicit Animations: o Using AnimationController for manual animation control o Managing animation lifecycles in StatefulWidgets o When to choose explicit vs. implicit animations • Multi-Screen Authentication App: o Separate Login, Signup, and Home pages o Navigation between screens using Navigator and MaterialPageRoute o Passing data between pages/screens • Local Data Persistence: o Using the localstorage package for key-value storage o Serializing custom objects (UserModel) to JSON with manual serialization o Saving and retrieving user credentials between app sessions o Fixing web port issues with web_dev_config.yaml • State Management Review: o setState() for ephemeral state o Provider for app-wide state (used in our auth app) o Introduction to Riverpod and BLoC for larger applications • Data Storage Options: o Local key-value storage (shared_preferences, localstorage) o Secure storage with flutter_secure_storage o Local databases (SQLite) and cloud solutions (Firebase, REST APIs) 🔹 Hands-On Projects: • Login & Signup App: Full authentication flow with data persistence • UserModel Class: Custom class with manual JSON serialization • Animated UI Components: Building visually engaging interfaces • Multi-Page Navigation: Implementing professional screen transitions 🔹 Packages Used: • provider: ^6.1.1 – State management • localstorage: ^5.0.0 – Local key-value storage • dart:convert – JSON serialization 🔹 Resources & References: • Flutter Animations: https://docs.flutter.dev/ui/animations • Data Persistence: https://docs.flutter.dev/cookbook/persistence/key-value • JSON Serialization: https://docs.flutter.dev/data-and-backend/serialization/json • Animated Login Example: https://github.com/gdrtrts/animated-login 🎓 Course: IS487 – Emerging Topics in Information Systems 👨🏫 Instructor: Dr. Abbas Malik 🏛 University: Prince Sultan University – College of Computer & Information Sciences 💡 Perfect for developers building production-ready apps with user authentication, data persistence, and polished animations! ________________________________________ #Flutter #Animations #Navigation #LocalStorage #DataPersistence #Authentication #Provider #StateManagement #JSON #Serialization #MobileDevelopment #FlutterTutorial #PSU #IS487 #AppDevelopment
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
