Flutter ile Uygulamalı Projeler #2 Online MySQL ile Telefon Rehberi Uygulaması

Merhaba arkadaşlar. Bu yazımızda Online Mysql ile telefon rehberi yapacağız. Uygulamamız aşağıdaki gibi olacaktır.

uygulama

Uygulamamızın verilerini almak ve MySQL veri tabanına bağlanmak için oluşturduğumız “database_helper.dart” sayfamızın yapım aşamamızı Flutter MYSQL Kullanımı ‘mysql1’ Paketi isimli yazımızda yazmıştık. Buradaki adımları atlayıp uygulama içerisine geçiyoruz.

Uygulamamızda işlem yaptığımızda snackbar göstermek için “flushbar” paketini kullandım. Paket kullanımını bilmeyenler için kodları alta yazıyorum.

void snackbarGoster(String mesaj) {
Flushbar(
flushbarPosition: FlushbarPosition.BOTTOM,
margin: EdgeInsets.all(8),
borderRadius: 15,
backgroundGradient: LinearGradient(
colors: [Colors.lightBlueAccent, Colors.green],
),
backgroundColor: Colors.red,
boxShadows: [
BoxShadow(
color: Colors.blue[800],
offset: Offset(0.0, 2.0),
blurRadius: 3.0,
)],
message: mesaj,
icon: Icon(
Icons.done_all,
size: 28.0,
color: Colors.white,
),
duration: Duration(seconds: 3),
)..show(context);}

Program anasayfa

Programın açılış sayfasında Kişilerin Listesini görüyoruz. Floatingactionbutton ile Veri Ekle sayfasına gidiyoruz ve geri gelirken true false değeri istiyoruz. Veri ekle sayfası da bu true|| false değerlerini veri tabanının return’u ile alıyor. Bu döndürülen true false değeri veri eklendiyse true, eklenmediyse false döndürecek şekilde olacak ve buna göre ana sayfamızda verilerimizi yenileyeceğiz.

veri ekle sayfası

Ana sayfamızda veri listesinde kişilerin sonundaki sil butonuna tıkladığımızda buton “database_helper.dart” sayfasından sil metodunu çağıracak ve buradan gelen true|| false değerine göre snackbar açacak. Eğer true dönerse ayrıca verileri baştan listeleyecek.

Medium’da ve GitHub’ta takipte kalın. Sorularınız olursa soruları “paste.ubuntu” üzerinden kodu yazarak linki yorum yapmayı unutmayın.

İyi kodlamalar…

GitHub: avdisx

Proje GitHub Sayfası: ProjeSayfası