Flutter for Beginners (Configuration) : How do I start learning ?
When i decided to learn Flutter , just like you,i went through many articles , videos , blogs etc. at various social networks. But the knowledge provided there was scattered and vague.
Deciding from where to start , So i wrote articles on flutter framework and Dark Language to learn Mobile Development for beginners easy and effectively.
This article is written by putting all my handwork and efforts in it.I have written it as such, you may not need to go to various places to clear your doubts.i would to share with all my articles on flutter to help you learn mobile development in easiest way.
#2. Coding experience Requirements
- Basic Programming language will help you but its not mandatory
- No prior Flutter or Dart experience or Mobile App Development required
- You can start development on Windows , macOS or Linux
As i share my experience , the foremost important thing is the installation part for Flutter SDK and Dart plugin. Flutter can be installed in below options of Operating System,
I am going to cover installation and development for first Flutter app in Windows OS.
#4. System requirements
To install and run Flutter, your development environment must meet these minimum requirements:
- Operating Systems: Windows 7 SP1 or later (64-bit)
- Disk Space: 1.32 GB (does not include disk space for IDE/tools).
- Tools: Flutter depends on these tools being available in your environment. Windows PowerShell 5.0 or newer (this is pre-installed with Windows 10) Git for Windows 2.x, with the Use Git from the Windows Command Prompt option.
- If Git for Windows is already installed, make sure you can run git commands from the command prompt or PowerShell.
#5. Flutter SDK Installation
- Download the following installation bundle to get the latest stable release of the Flutter SDK: flutter_windows_1.17.5-stable.zip
- For other release channels, and older builds, see the SDK archive page.
- Extract the zip file and place the contained flutter and copy to C: Drive.
#6. Edit environment variables and Set flutter SDK path
Flutter Command Runs on Flutter Console but you can also run on regular windows console by Set flutter SDK on environment variable,
- From the Start search bar, enter ‘env’ and select Edit environment variables for your account.
Under User variables check if there is an entry called Path:
- If the entry exists, append the full path to flutter\bin using ; as a separator from existing values.
- If the entry doesn’t exist, create a new user variable named Path with the full path to flutter\bin as its value.
Congratulations , you have successfully installed Flutter SDK. Lets cross check if it is successfully installed or not to next step.
#7. Run flutter doctor in command prompt console
Run the following command to see if there are any platform dependencies you need to complete the setup:
This command checks your environment and displays a report of the status of your Flutter installation. Check the output carefully for other software you might need to install or further tasks to perform (shown in bold text).
Basically you will get below types of error ,
- Android SDK is missing command line tools. (Need to install Android Studio IDE) download
- Connected Device - No device Found (Ignore for now,required while doing development )
#8. Install Android Studio
- Download Android Studio from below Image Link .
- Install Android Studio and Start Android Studio, and go through the Android Studio Setup Wizard.
- This installs the latest Android SDK, Android SDK Command-line Tools, and Android SDK Build-Tools, which are required by Flutter when developing for Android.
#9. Set up your Android device OR Android emulator
if you are using Android Studio its very import to test your application either on Android device or you can configure Android Emulator.
#9.1. Set up your Android emulator
To prepare to run and test your Flutter app on the Android emulator but Before that we need to Enable Emulator in Android Studio. Before preparing to run and test your flutter application on Android Studio emulator , we need to enable Emulator in Android Studio.
We need to first enable graphics and virtual machine (VM) acceleration in the BIOS.
i have explained Step by Step process for configuration in other article , click here to Access Link - Enabling virtual machine (VM) acceleration
Post completion configuration of virtual machine follow below steps :
- Launch Android Studio > Tools > Android > AVD Manager and select Create Virtual Device . (The Android submenu is only present when inside an Android project.)
- Choose a device definition and select Next.
- Select one or more system ../../images for the Android versions you want to emulate, and select Next. An x86 or x86_64 image is recommended.
- Under Emulated Performance, select Hardware - GLES 2.0 to enable hardware acceleration.
- Verify the AVD configuration is correct, and select Finish.
- In Android Virtual Device Manager, click Run in the toolbar. The emulator starts up and displays the default canvas for your selected OS version and device.
Now your configuration has been completed to start your first project in Flutter framework using Dart Language.
Check my next Article for First Project development in Flutter Framework for Android application.
Do comment your learning experiene based on my article.