Sunday, January 5, 2020

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
Previous Post
Next Post

Halo, Saya A.M Hirin seorang Penulis Buku IT, International Freelance Programmer, dan Senior Developer di Perusahaan Konsultan IT. Saya penggila kode dan sudah berkutat selama 15 tahun di dunia pemrograman. Anda membutuhkan bantuan terkait skill dan keahlian saya? Kontak saya melalui email : nump.info@gmail.com

0 komentar: