0% found this document useful (0 votes)
13 views3 pages

How to get started on the app

This document provides a step-by-step guide to getting started with Flutter development using Android Studio. It covers downloading and installing Android Studio, setting up Flutter and Dart plugins, configuring the Android SDK, and running and debugging a Flutter app. Additionally, it emphasizes the importance of using 'flutter doctor' to check for any setup issues.

Uploaded by

sinned023
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
13 views3 pages

How to get started on the app

This document provides a step-by-step guide to getting started with Flutter development using Android Studio. It covers downloading and installing Android Studio, setting up Flutter and Dart plugins, configuring the Android SDK, and running and debugging a Flutter app. Additionally, it emphasizes the importance of using 'flutter doctor' to check for any setup issues.

Uploaded by

sinned023
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

How to get started on the app;

Step 1: Download Android Studio

1. Go to the Android Studio Website:


o Visit the Android Studio download page.
2. Download the Installer:
o On the website, you will see a large "Download Android Studio" button.click
that to download the installer for her operating system (Windows, macOS, or
Linux).
3. Install Android Studio:
o After downloading, run the installer and follow the on-screen instructions to
install Android Studio. The default installation settings are fine for most users.

Step 2: Install Flutter and Dart Plugins in Android Studio

1. Open Android Studio:


o Once installed, open Android Studio.
2. Install Flutter Plugin:
o Go to File > Settings (or Preferences on macOS).
o Select Plugins from the left sidebar.
o Search for Flutter in the search bar.
o Click Install on the Flutter plugin.
3. Install Dart Plugin:
o In the same Plugins window, search for Dart and install it as well.
o After installing both plugins, Android Studio will prompt you to restart. Do so.

Step 3: Download and Set Up Flutter SDK

1. Download Flutter SDK:


o Visit the Flutter installation page.
o Follow the instructions for your operating system to download and install Flutter.
2. Add Flutter to Path (Optional but Important):
o During installation, ensure that the Flutter SDK is added to the system path. This
will allow you to run Flutter commands from the terminal.
o If it’s not automatically added, you can follow the official guide to update the
path.
3. Check Flutter Installation:
o Open a terminal or command prompt and run:

flutter doctor

o This will check if Flutter is properly set up. You should follow any instructions
given by flutter doctor to resolve issues.

Step 4: Setting Up Android Studio for Flutter Development

1. Configure Android SDK:


o Open Android Studio and go to File > Settings (or Preferences on macOS).
o In the left sidebar, select Appearance & Behavior > System Settings > Android
SDK.
o Ensure that the latest Android SDK is installed. If not, click on SDK Tools and
install the necessary components.
2. Set Up Virtual Device (Emulator):
o Go to Tools > Device Manager.
o Click Create Device and follow the prompts to create an Android Virtual Device
(AVD) for testing.
o Ensure that the device has the necessary configurations (e.g., Android 10 or
higher).

Step 5: Unzip and Open the Project in Android Studio

1. Unzip the GlamGem Project:


o Once the project zip file is downloaded, You need to extract it to a folder on your
computer.
2. Open the Project:
o Open Android Studio.
o On the welcome screen, click Open.
o Navigate to the folder where the project was extracted and select the project
folder (the one containing lib, android, ios, and pubspec.yaml).
Step 6: Running the App

1. Set Up an Emulator:
o If you haven’t set up a virtual device yet, you can go to Device Manager in
Android Studio and create a new virtual device.
o Alternatively, you can connect a real Android device via USB, ensuring USB
Debugging is enabled.
2. Run the App:
o Click the Run button (green play icon) in Android Studio to build and run the app
on the selected emulator or device.

Step 7: Debugging the App

1. Set Breakpoints:
o Open main.dart you want to debug.
o Click on the line number gutter to set a breakpoint (a red dot will appear).
2. Start Debugging:
o Click on the Debug button (the bug icon next to the run button) to start the app in
debug mode.
o The app will pause when it reaches a breakpoint, allowing you to inspect variables
and the app's state.
3. Inspect Logs:
o In the Logcat window (View > Tool Windows > Logcat), you can inspect error
messages, warnings, or custom print() statements for further debugging.

Final Note: Flutter Doctor

If at any point you encounter issues, always check the output of flutter doctor in the terminal
to ensure all dependencies (SDK, tools, emulators) are properly set up.

You might also like