Playing Dart #2 : Flutter Indonesia

Make Simple Alert And Login Page With Flutter

Asslamu’alaikum Wr. Wb.

Hallo sobat medium semangat pagi pada kesempatan kali ini saya akan update postingan melanjutkan tutorial Flutter minggu kemarin dan pada postingan kali ini saya akan membahas tentang widget alert notification dan cara membuat simple login page, oke ayo kita mulai sebelmunya silahkan kalian buka alamat site ini terlebih dahulu untuk persiapan menambahkan library baru https://pub.dev/, untuk tampilannya kurang lebih seperti ini.

1. Pertama kita buat project baru dengan nama app_flutter2 atau bebas ya
2. kita tunggu sampai build sdk nya selesai setelah selesai kita buat folder baru di dalam project nya dengan nama folder assets seperti dibawah ini lalu kaliab bisa tambahkan beberapa gambar didalam sana

3. Setelah kita membuat folder baru kita bisa menambahkan library alert dengan cara menambahkannya di dalam dependecies file pubspec.yaml seperti dibawah ini lalu kita sync lagi

#File Dependencies
...

dependencies:
flutter:
sdk: flutter
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^0.1.2
fluttertoast: ^3.1.3
giffy_dialog: ^1.3.0
...

giffi dialog ini kita dapat dari website pub.dev tadi kalian bisa cari alert dialog ata buat link web ini https://pub.dev/packages/giffy_dialog

4. Lalu kita scroll kebawah cari kata assets lalu kita uncomment (dengan menghilangkan tanda pagar) dan menambahkan kata assets seperti ini :

...
flutter:
# The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in
# the material Icons class.
uses-material-design: true
# To add assets to your application, add an assets section, like this:
assets:
- assets/
# — images/a_dot_ham.jpeg
...

5. Setelah itu kita baru edit file main.dart dengan memasukan script berikut :

main.dart

6. Lalu kita buat file baru dengan nama page_login.dart dan page3.dart lalu kita ketikan code seperti berikut

page_login.dart

7. Lalu kita buat file baru dengan nama page3 fungi ini untuk mengirim data email ke page3 atau detail kalian bisa mengetikan code berikut ini :

Ya sekian tutorial dari dari admin dan Sobat medium juga bisa mendapat full source code nya dengan mengunjungi link dibawah ini

https://github.com/alamsyahh15/flutter_day2