Beginning Flutter

4Creating a Starter Project Template

WHAT YOU WILL LEARN IN THIS CHAPTER

• How to create folders in the project, grouping them by file types
• How to separate and structure widgets into different files

In this chapter, you will learn how to create a Flutter starter project and how to structure the widgets. (I'll cover widgets in depth in the next three chapters.) In future chapters, every time you start a new example, I'll refer to this chapter, which contains the steps to create a new starter project. Like when building a home, the foundation is the most critical factor, and the same is true when creating new apps.

CREATING AND ORGANIZING FOLDERS AND FILES

All the example apps created in this book start with the same steps in this chapter for creating a starter project, so I'll refer to this process often. To keep the project code organized, you'll create different folders and files to group similar logic together and to structure the widgets.

TRY IT OUT   Creating the Folder Structure

Create a new Flutter project by following the steps in Chapter 2, “Creating a Hello World App.”

1. In step 4 of the “Creating a New App” section, enter ch4_starter_exercise for the project name and click Next. This app is the sample exercise to structure future projects. Note that the Flutter SDK path is the installation folder you have chosen in Chapter 1. You can optionally change the project location and description.

   It's time to create the folder structure to keep you organized. This ...