Your Second Flutter App

Nov 30 2021 · Dart 2.13, Flutter 2.2.3, Visual Studio Code

Part 3: Navigate & Animate

16. Introduction

Episode complete

Play next episode

Next
About this episode
Leave a rating/review
See forum comments
Cinema mode Mark complete Download course materials
Previous episode: 15. Conclusion Next episode: 17. Navigate Between Screens

Get immediate access to this and 4,000+ other videos and books.

Take your career further with a Kodeco Personal Plan. With unlimited access to over 40+ books and 4,000+ professional videos in a single subscription, it's simply the best investment you can make in your development career.

Learn more Already a subscriber? Sign in.

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

Welcome to the third part of this course. We're diving deep now into our app, and we want to allow the user to select a course and then present an entirely new screen. Here's how we'll be approaching this. First, you're going to be introduced to the concept of routes, and how routes work with Flutter navigation. And then you'll build the next page, which is the Course Details page. After which, we'll add a little shiny to the app, by way of an animation. That is, a hero animation. You'll apply the animation when the user changes pages. Then you'll open up Dart dev tools in the Chrome browser to see how to modify the animation during development, as well as see other tools available to use, as you build your Flutter apps. There's a lot to do, so let's get started by learning about routes and navigation.