Name: Flutter Project Walkthrough
Uploaded: 2018-12-10T15:06:52-06:00
Description: In this lesson we’ll walk through the example project that the Flutter CLI created for us & discuss the files & folders that were created for us.

Install the Flutter SDK & Create Your First Project

Flutter Project Walkthrough

Run a Flutter App on iOS

Run a Flutter App on Android

Walkthrough of the Default Flutter Application Boilerplate

Style a Flutter Text and Container Widget

Using Themes in Flutter to Share Colors and Font Styles

Load an Image in a Flutter App with the Image Class

Building Layouts in Flutter with Layout Widgets

Creating, Importing & Using Dynamic Widgets from Other Files in a Flutter Application

Creating & Updating State in a Flutter Application

Getting Started with Navigation in Flutter

Building Dynamic Lists in Flutter with ListViews

Navigation with Named Routes in Flutter

Getting Started with Flutter

In this lesson we’ll walk through the example project that the Flutter CLI created for us & discuss the files & folders that were created for us.

https://app.egghead.io/api/v1/lessons/dart-flutter-project-walkthrough/subtitles

Instructor: [00:01] Now that we've created our Flutter application, let's open the project in our text editor and walk through some of the files and folders that were created for us.

[00:10] First, we have the Android and iOS folders which hold the platform-specific code for each platform. You shouldn't have to make many changes in these folders unless you're going to do any platform-specific customization.

[00:26] Lib is the main folder where you will write all of your application code. The default project configuration template only contains the main.dart file which is the entry point for the Flutter application.

[00:42] As the name suggests, the Test folder is used to store and manage testing code for the app. The gitignore file is used to store the list of files which need to be ignored when the source code is uploaded or checked into any Git versioning system.

[00:59] In many languages and environments, a package manager is used to manage third-party or resusable components and modules. In the case of Dart, the package manager is called Pub. This is style is used by Pub to manage the packages for this project.

[01:14] Just like .packages, pubspec.lock is used by the Pub package manager in order to get the concrete versions and other identifying information for every dependency a package relies on.

[01:26] Pubspec.yaml is the file that you'll use when you need to manage third-party packages or dependencies for your application. This file is used by the Pub package manager to get and load the packages used in the project.

Flutter Project Walkthrough

Share this video with your friends

Course

Getting Started with Flutter