Creating Boarding Page

Iskarim Rezki
Scrum Booster
Published in
2 min readApr 3, 2019

sebelum masuk ke menu utama, ada baiknya terdapat boarding page

Untuk Sprint yang lalu, saya membuat sebuah boarding page. Boarding page ini berfungsi untuk meberikan sebuah pengenalan aplikasi. Bentuk boarding page pada mockup yang sebelumnya sudah kami buat adalah sebagai berikut :

Mari kita mulai ke bagian kodingannya :

pertama pada main.dart kita import dulu class boarding yang ingin kita buat dan tambah link navigasi dari boarding page:

Setelah itu kita tambahkan navigasi untuk mengarah ke boarding page dari splash screen :

Lalu kita mulai untuk melakukan coding pada class boarding page, berikut tampilan codingannya :

Seperti yang dilihat dari kodingan di atas, saya merubah tampilan boarding page agar lebih menarik dengan menambahkan asset gambar yang sudah saya tambahkan pada file asset sebelumnya. Berikut tampilan baru dari boarding page :

--

--

Iskarim Rezki
Scrum Booster

Computer Science Student and a passionate dreamer