Flutter Codelab: Your first Flutter app

Questions? We have answers.

If you run into problems while doing this codelab, please post to the #codelab-questions channel in Discord.

Task

For this experience, start with the following steps to initialize your development environment:

Create a private GitHub repository called “flutter_startup_namer”. (Note the use of underscores, not hyphens. This follows Flutter best practices for app naming.) Add a README file to make it easier to clone to your desktop.
Make me a collaborator so I can view your work.
Clone it to your laptop.
In the parent directory of that directory, run flutter create --no-overwrite flutter_startup_namer in a terminal or shell window. This will produce the Flutter app skeleton at the top level of your GitHub repo.
Change directory into flutter_startup_namer, and run flutter run to verify that your laptop is configured correctly for Flutter and can run the skeleton app. Once you’ve verified that it runs correctly, you can type “q” to quit execution.
Now open your repo in IntelliJ.
Open the iOS or Android Simulator, then run the template code and see it in the simulator. This verifies you can also run the system from within your editor.

Now that you’ve established a working codebase and development environment, proceed with Your first Flutter app.

Notes

You can skip some of the intro steps (on installing Flutter). Start with the step in which you replace the contents of pubspec.yml in the “Create Project” step.
After replacing the contents of pubspec.yml, analysis_options.yml, and main.dart, you might want to run ‘flutter pub get’ to download the new dependencies. This should also remove any errors flagged in main.dart.
In IntelliJ, to “wrap” a widget with a Padding, Container, or other widget, put your cursor on the line to be wrapped, and press “option-return” to call up the menu of possible wrapper widgets.
At some point, you might want to delete the test directory to get rid of red arrow under project.
When you’ve finished the code lab, be sure to commit your code to GitHub.

If you like, you can watch a Flutter core developer work through this Codelab:

By the date and time listed in the Schedule page, please submit the URL to your GitHub repo in Laulima.

Don’t forget to make me (philipmjohnson) a collaborator so I can view your work!