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.

Transcript: 16. Introduction

Welcome to the third part of this course. We’re diving deep now into our app but allowing the user to select a course and 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 routes work with Flutter navigation.

Then, you’ll build the next page which is the course detail 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.

Finally, you’ll open up the Dart dev tools in the Chrome browser to see how to modify the animation during development as well as see other tools available to help you as you build your Flutter apps. There’s a lot to do so lets get started by learning about routes and navigation.