Flutter for windows

34
Flutter for windows

Transcript of Flutter for windows

Page 1: Flutter for windows

Flutter for windows

Page 2: Flutter for windows

1- First go to this website to install flutter https://flutter.dev/2- press Get started

3- click on windows icon

Page 3: Flutter for windows

System Requirements

System requirements

To install and run Flutter, your development environment must meet these minimum requirements:•Operating Systems: Windows 7 SP1 or later (64-bit), x86-64 based.•Disk Space: 1.64 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.

4- Install Git for windows by clicking on the Git

5 – then download according your pc 32- 64 bit

Page 4: Flutter for windows

Installing Git• Use all default

then click next

• Only choose these while installing git

Page 5: Flutter for windows

After installing Git go to windows PowerShell

Page 6: Flutter for windows

Write git --version in the Windows PowerShell

• If you find this git version your installation is correct • If not try to reinstall again• This version can change due to updates

Page 7: Flutter for windows

Get the Flutter SDK

Page 8: Flutter for windows

Extraction of Flutter SDK

• Extract the flutter SDK Folder in to desired location• Recommended (Document)

Page 9: Flutter for windows

Update your path

• Run the Edit the system environment variables then click on Environment variables.• Select the path then click on Edit

Page 10: Flutter for windows

Updating the path

• After selecting new go back to flutter SDK folder then locate the bin folder copy the path• Copy directory Path from the inside bin Flutter SDK Folder

Page 11: Flutter for windows

Updating the path

• Click new then paste the Flutter SDK bin directory path here

• After press OK

Page 12: Flutter for windows

Checking Flutter availability & path

• Run the flutter command on Windows PowerShell

• If you see this output that means the path have been updated successfully

Page 13: Flutter for windows

Flutter doctor • Flutter doctor command will show you the issues found in the flutter SDK

• It will show you the missing components need to be installed

• At this point in your installation process you should see these errors, which indicate android studio has not been installed

• If you are seeing something different, then follow the steps in the “android studio uninstall” slides to fix it.

Page 14: Flutter for windows

If you have Android studio uninstall them if not skip this process • Step 1:uninstall from control panel-> add or remove programs

• Step 2: remove “ .android .gradle .AndroidStudio” files from user profile

• Step 3: remove “ android folder ” from app data

Page 15: Flutter for windows

Delete android studio in the file location

• Uninstall Android studio from the File location

Page 16: Flutter for windows

• Go to C :/ locate Program files then delete android folder

Page 17: Flutter for windows

Download Android studio

Download android studio from this link : https://developer.android.com/studio

Page 18: Flutter for windows

Android studio setup

Page 19: Flutter for windows

Missing SDK

• If you see missing SDK you are on the right track

Page 20: Flutter for windows

SDK Components Setup

Page 21: Flutter for windows

Android Studio License status unknown

• To fix Android Studio License status unknown just run this command

• flutter doctor --android-licenses

Page 22: Flutter for windows

• After running the command press y couple times.

• Then SDK package licenses accepted

• If this didn’t work follow steps in the next slide

Page 23: Flutter for windows
Page 24: Flutter for windows
Page 25: Flutter for windows

License Agreement

Page 26: Flutter for windows

Flutter doctor all working

• If all requirements are ticked green you won the battle but you didn’t win the war.. YET!

Page 27: Flutter for windows

Set up the android emulator

Page 28: Flutter for windows

AVD Manager

Page 29: Flutter for windows

Create your Device

Page 30: Flutter for windows
Page 31: Flutter for windows

Install the flutter and dart plugins

Page 32: Flutter for windows

Install the flutter and dart plugins

Page 33: Flutter for windows

Testing

• Insert the flutter SDK path

Page 34: Flutter for windows

Flutter SDK path