Basic informations :
01. Flutter is an open-source UI software development kit created by Google.
02. It is used to develop cross platform applications.
03. First introduce in 2017 May.
04. Official Website : https://flutter.dev/
05. Programming language that support flutter called DART.
06. DART online practice website https://dartpad.dev/?
Basic installation :
01. OS : Window 10+
02. Windows PowerShell 5.0
03. Git for Windows 2.x
04. Android Studio
05. VS Code (Optional)
Environment Setup :
01. Goto https://flutter.dev/
02. Click get started.
03. Select windows.
04. Download and unzip flutter_windows_3.3.2-stable.zip
05. Goto flutter_windows_3.3.2-stable => bin and copy this path (Exam : F:\Flutter\flutter\bin)
06. a. From windows search and open => (env) => "Edit the system environment variables".
b. Click Environment variables.
c. Double click on Path (From system variables)
d. add new path (Which I copied Exam : F:\Flutter\flutter\bin) in Edit environment variable.
07. Open cmd => type => flutter (Will work if everything is okay)
08. Open android studio and from device manager (right top corner mobile icon) and install enulation (Exam : Google pixel 6) what we need. When install also download load android version (Exam : R)
09. Open VS Code and install below extensions
a. Dart
b. Flutter
c. Awesome Flutter Snippets
10. Open cmd => run (flutter doctor)
Download and Create first Project :
01. Goto project directory.
02. Type cmd on root location.
03. Type => flutter create my_first_app
04. Run on google chrome
05. Now I want to run this app on Emulator
06. Open project on VS Code => code .
07. Terminal => flutter run
08. Check instant change by clicking on hard reload 'r'
Learn DART Programming :
01. Create new folder EBasicDart
02. Type cmd => code . => open on VS Code
03. Create new file "main.dart"
void main(){
print("Hello world");
}
04. Open terminal => type => dart main.dart
05. Follow pic 05
Create First App using Flutter & Dart :
01. Open my_first_app
void main(){
runApp(MyApp());
}
02. Type Stl for (State less widget)
03. See photos
0 Comments