Create a NEW project

1. Go to where you want the project folder to be
2. Do NOT create a folder with that name
3. Open folder in vscode
4. F1 "> Flutter: New Project" and name it
5. Youre done!

Packages

Install a Package

1. Go to package site: https://pub.dev/packages/http
2. Copy the name WITH version (http 1.3.0)
3. Open pubspec.yaml in your project
4. Under dependencies, add "package_name: ^minimum.package.version" (http: ^1.3.0)
5. Save file
6. Run "flutter pub get" (VSCode might autorun this, check the notification to see if that happened, if unsure run this anyways)

Building

Windows

1. Open a terminal
2. Run $ flutter build windows --release
3. Output is in: "build\windows\x64\runner\Release\appname.exe"

Android

1. Open a terminal
2. Run $ flutter build apk --release
3. Output is in: "build\app\outputs\flutter-apk\app-release.apk"

Deploying

Windows

Android

1. Run deploy-release-android.bat

Elements

Buttons

ElevatedButton looks the best

• ElevatedButton
• TextButton
• OutlinedButton

Layouts

Row

Horizontal

Column

Vertical

Screens

A Screen is a "View" which holds "Pages"

Pages

A Page holds content and lives inside of a "Screen"

Example: a NavigationBar's items are Pages.

Navigator class

• Navigator.push(context, MaterialPageRoute(builder: (context) => const YourScreen())); // This adds a Screen to the Navigator AND will display it.
• Navigator.pop(context); // This removes the current Route from the Navgation.