Hi! Teman Koding, pada tutorial Flutter Bahasa Indonesia yang ke-29 Flutter Bahasa Indonesia, saya akan berbagi tutorial bagaimana caranya membuat UI Login Flutter dengan animasi yang mantap-mantap. Di tutorial ini akan di jelaskan bagaimana cara nya membuat UI Flutter yang ciamik dan memiliki user friendly yang bagus.



Apa Yang Akan Kita Pelajari :

1. Membuat Project Flutter Baru
2. Memulai Koding UI Flutter
3. Kesimpulan


Membuat Project Flutter Baru

Pertama silahkan buat sebuah project Flutter baru apabila kamu belum memiliki project Flutter, buka terminal dan ketikan perintah di bawah ini :

flutter create animasi_login

Setelah itu tunggu proses pembuatan project sampai selesai.


Memulai Koding UI Flutter

Setelah kamu berhasil membuat project Flutter baru.

Buka file pubspec.yaml dan tambahkan library animasi di bawah ini :

dependencies:
  flutter:
    sdk: flutter
  simple_animations: ^1.3.3

Silahkan buat folder baru di dalam folder lib  dengan nama Animation kemudian buat file di dalam folder Animation dengan nama file : FadeAnimation.dart, kemudian ketikan kode di bawah ini



Setelah itu ubah file di lib/main.dart menjadi seperti kode di bawah ini :


Kemudian jalankn project Flutter mu 

flutter run

Jika berhasil maka hasil aplikasi UI Animasi Login Flutter akan seperti gambar di bawah ini :



Kesimpulan

Animasi pada aplikasi kadang dibutuhkan sebagai interaksi dan user experience yang bagus,nah Flutter sendiri sudah dibekali dengan animasi yang cukup mumpuni untuk digunakan sebagai interaksi dengan user atau pengguna.


Baca Tutorial Flutter Dart KonsepKoding Lainnya:
#28 Tutorial HTTP Request Flutter Get API