Membuat Tampilan Halaman Login Keren dengan Flutter

Membuat Halamn Login Keren dengan Flutter

Membuat Ui Login Modern dengan Flutter - Salah satu komponen utama dalam mendesain atau membuat aplikasi baik desktop, web, maupun mobile adalah halaman login. Halaman login (rata-rata) wajib ada dalam sebuah aplikasi mobile, dan merupakan halaman yang akan tampil dan disuguhkan terhadap pengguna aplikasi tersebut pertama kali.

Karena halaman login merupakan halaman yang pertama kali dilihat oleh pengguna aplikasi, tentu saja sebagai developer aplikasi kita harus membuat atau mendesain sedemikian rupa agar dapat menarik perhatian pengguna. Karena bisa dikatakan halaman login yang baik akan memberi kesan positif baik kepada pegguna aplikasi yang kita buat.

Untuk itu, dalam tutorial kali ini kita akan belajar bagaimana cara membuat halaman login sederhana yang luwes dan keren dengan Flutter yang bisa digunakan untuk aplikasi kita nantinya. 

Sebelum masuk ke pembuatan kode, perlu saya informasikan disini dalam membuat tampilan login saya menggunakan library tambahan untuk membuat dekorasi gelombang (clipper) bernama flutter_custom_clippers yang dipasang dibagian atas dan bawah halaman tersebut dan melibatkan 1 aset gambar sebagai logo utama apliaksi kita.

dependencies:

  flutter_custom_clippers: ^1.1.0

Buatlah projek Flutter dengan kode sebagai berikut:

Berikut adalah hasil tampilan dari kode tersebut setelah aplikasi dijalankan

Tampilan Login

Source code lengkap dari projek di atas bisa diambil melalui link dibawah ini

 

Share This