Tutorial membuat splash screen Aplikasi service cleaning menggunakan flutter
Kita menyediakan sebuah proyek di android studio dengan nama Flutter Clean Service.
Buat folder baru dengan nama assets untuk kita tambahkan sebuah font dan juga image yang nantinya akan kita gunakan saat mendesain UInya.
Masuk ke sebuah file pubspec.yaml untuk mengubah environment dan ganti sdknya menjadi sdk: ^>=2.17.0 <3.0.0’ dan aktifkan sebuah assets dan tambahkan assets/image/ dan assets/image/icons/ lalu aktifkan juga fontsnya dan tambahkan pada familinya ubuntu dan asetnya adalah assets/font/
Buat class splashscreen.dart dan import material dartnya juga tambahkan stl lalu beri nama splashscreen kemudian returnya ganti dengan scaffold.
Dalam scaffoldingnya beri warna. ketika anda mengeceknya namun belum muncul warnanya maka teman2 ke main.dart lalu import file dari splashscreen dan ganti homenya menjadi splashscreen
Agar teman2 tidak repot dalam pewarnaannya maka disini saya akan membuat file baru khusus untuk warna dengan nama color skema.dart
Dan ini isi dari file di nomor 6: (untuk gambarny ada pada halaman terakhir)
kemudian kita buat bodinya. yang pertama kita masukkan dalam body adalah column. karena saya ingin tampilannya tersusun ke bawah maka dari itu saya menggunakan column.
berikut gambar untuk beberapa kode yang saya gunakan dalam body: (gambarnya ada di bawah)
kembali pada kode column jangan lupa kita tambahkan mainaxixalignment.spacebetween untuk mempercantik
0 Response to "Tutorial membuat splash screen Aplikasi service cleaning menggunakan flutter"
Posting Komentar