pada kesempatan kali ini saya akan membagikan materi mengenai OnBoarding khususnya pada flutter. onboarding pada aplikasi biasanya berupa tampilan awal saat aplikasi diinstal, dan menyangkut pesan mengenai awal mula atau perkenalan dengan aplikasi yang baru diinstal tersebut.
Untuk pembahasan kali ini, saya tidak membuatnya dari awal, melainkan hanya mencloning projek yang bebas digunakan melalui github. untuk nama akun githubnya yaitu senthilece01. berikut ini saya sertakan linknya : https://github.com/senthilece01/SKOnboardingScreen.
Setelah mengklik link tersebut, silahkan buka software android studio, dan klik File > New > Project From Version Control, kemudian di bagian url masukkan alamat atau link projek tersebut. Jika dimintai untuk login dengan akun github, silahkan login dengan akun masing-masing, maka proses cloning akan dimulai.
Setelah proses cloning selesai, maka akan muncul tampilan sebagai berikut ini :
cloning project
Gambar di atas adalah tampilan setelah proses clone selesai. di dalam berbagai folder terdapat banyak package yang digunakan untuk membuat onboarding dengan flutter. Saya harap kalian bisa menelusuri berbagai file di dalamnya dan bisa mempelajarinya. untuk source codenya adalah sebagai berikut :
main.dart
Setelah itu, sangat penting juga mengatur konfigurasi file pubspec.yaml, berikut ini adalah programnya:
pubspec.yaml
Pada file ini, kalian bisa menghapus comments yang tidak digunakan, sehingga programmnya akan terlihat sangat rapih.
Kemudian untuk kode program lainnya, silahkan menelusuri lebih lanjut mengenai program dan strukturnya.
Dari program tersebut, maka hasilnya adalah sebagai berikut :
 |
| slide 1 |
slide 2
slide 3
Tidak ada komentar:
Posting Komentar