UDACODING

Posts

Add Awesome in Flutter

Assalammua’alaikum warahmatullahi wabarakatu sobat udaaa …

Pada artikel kali ini saya mau berbagi agar tampilan aplikasi kalian jadi lebih kece. Mau tau kan ??? Jadi ikutin langkah-langkah berikut ini ya …

  • Tambahkan library awesome_dialog seperti berikut pada pubspec.yaml
      awesome_dialog: 
  • kemudian klik Package get. Tunggu hinggal proses import library selesai
image-8 Add Awesome in Flutter
  • tambahkan kodingan berikut pada button register seperti berikut.
      AwesomeDialog(
             context: context,
             dialogType: DialogType.SUCCES,
             animType: AnimType.BOTTOMSLIDE,
             tittle: 'Information Register',
             desc: listData['message'],
             btnOkText: 'Go to Login',
             btnOkOnPress: () {})
          .show();
  • Sobat juga dapat menambahkan kodingan berikut, hanya berbeda pada dialogType nya saja
     AwesomeDialog(
            context: context,
            dialogType: DialogType.ERROR,
            animType: AnimType.BOTTOMSLIDE,
            tittle: 'Information Register',
            desc: listData['message'],
            btnOkOnPress: () {})
         .show();
  • Jika email telah terdaftar maka informasi nya akan muncul tanda silang yaitu dialogType ERROR, jika email belum terdaftar maka akan muncul tanda ceklis, yaitu dialogType SUCCESS
  • Maka tampilan akan muncul seperti berikut

Gimana? So it’s easy bukan ? Nah, Sekian artikel saya kali ini

Assalammu’alaikum warahmatullahi wabarakatu

Leave a Reply :

* Your email address will not be published.