Setup Flutter Development, Stateless & Statefull Widget, Basic Widgets

Tujuan praktikum ini yaitu mahasiswa mampu menginstall lingkungan flutter development, stateless dan statefull widget dan basic widgets flutter

Tools yang saya gunakan:

- Computer / laptop yang telah terinstall SDK Dart, SDK Flutter

- IDE (Visual Studio Code / Android Studio)

Langkah-langkah:

1. Install GIT:
Download GIT lalu kemudian install sesuai dengan wizard instalasinya. 2. Install Visual Studio:
Install visual studio kemudan centang pada Desktop development with C++.


3. Install Android Studio:
Tambahkan SDK Tools dan buat emulator.



4. Install Visual Studio Code
Tambahkan ekstensi Flutter agar bisa menulis dan menjalankan kode.


5. Install SDK Flutter
Extract SDK dan tambahkan ke PATH pada Environment System.


6. Cek Setup Flutter Development:
Bukan Command Prompt / PowerShell / Terminal kemudian ketikkan flutter doctor


7. Membuat Project Pertama Flutter: Buka terminal / command prompt kemudian ketikkan flutter create "hai"

Masuk directory cd hai dan ketikkan flutter run untuk menjalankan project hai

• Membuat Stateless Widget
  Buat file stateless.dart dengan class MyStateless.
  
  Output:
  
  
• Membuat Statefull Widget
  Buat file statefull.dart dengan class MyStatefull yang menambahkan nilai kelipatan 2 setiap tombol ditekan.
  
  Output:
  
  

TUGAS:
Buatlah tampilan widget secara vertical dan horizontal dengan menggunakan minimal 3 buah basic widget dalam 1 tampilan yang berisi informasi profile kalian (foto, nama, nim, Alamat, nomor handphone, jurusan) dengan mengimplementasikan seluruh basic widget yang sudah dipelajari pada praktikum ini.

Demikian Laporan 1 Praktikum Setup Flutter ini. Semoga Bermanfaat.