Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir Flutter uygulamasında GetX state management kütüphanesinin nasıl kullanılacağını gösteren bir eğitim içeriğidir. Eğitmen, yeni bir Flutter projesi açarak GetX'i kurma ve temel kullanımını adım adım anlatmaktadır.
- Video, GetX'in iki temel state management yöntemini (basit state management ve reaktif state management) açıklamaktadır. Eğitmen önce teorik bilgileri vererek, ardından Android Studio'da pratik bir uygulama oluşturarak GetX'in nasıl kullanılacağını göstermektedir. Örnek uygulamada, bir counter uygulaması üzerinden GetX controller'ı, get_put ve get_find metodları, Obx widget'ı ve state verilerinin farklı sayfalar arasında nasıl aktarılacağı detaylı olarak anlatılmaktadır. Video, bir liste oluşturma ve reaktif arayüz değişimi konusuna geçiş yaparak sona ermektedir.
- 00:02GetX State Management Tanıtımı
- Yeni bir Flutter projesi açılarak GetX'in nasıl çalıştığı anlatılacak.
- GetX, uygulamanın state'ini oluşturan değişkenleri tutacak bir class oluşturmayı ve bu class'ın GetXController'dan extend edilmesini öneriyor.
- GetX, basit state management ve reaktif state management olmak üzere iki farklı yöntem sunuyor.
- 00:56Basit State Management
- Basit state management'da, uygulamanın state'ini oluşturan değişkenleri tutacak bir class oluşturulur ve bu class GetXController'dan extend edilir.
- Değişkenlerin güncellenmesi için "update" metodu kullanılır ve bu metot, paketindeki "observer" gibi bir yerlere haber vererek arayüzü yenilemesini sağlar.
- Arayüzde GetBuilder ile çevrelenmiş widget'lar, değişkenlerin değişmesini takip ederek otomatik olarak kendini yeniler.
- 02:00Reaktif State Management
- Reaktif state management, uygulamanın arayüzünde sürekli değişen verileri (örneğin dolar kurları) takip etmek için kullanılır.
- Reaktif state management'da, değişkenlerin arkasına nokta koyup "observer" eklenir ve "update" metodu kullanılmaz.
- Bu yöntemle, veri değiştikçe arayüz otomatik olarak kendini reaktif olarak yeniler.
- 03:43GetX Kullanımı
- Reaktif state management için GetBuilder'ı Obx ile değiştirmek yeterlidir.
- Alternatif olarak, controller'ı doğrudan kullanmak için "observer" ile sarmalama yapılabilir.
- Obx, takipte olduğunuz verileri biliyor ve controller sınıfındaki count değişkenini reactive olarak takip ediyor.
- 04:53Android Studio'da GetX Uygulaması
- Paketin ana sayfasındaki örneği kopyalayıp, state verisini tutacağımız controller kısmını ayrı bir sayfaya koyuyoruz.
- Ana sayfada MaterialApp yerine GetMaterialApp kullanılıyor ve context bağımsızlığı yönetiliyor.
- Controller sınıfı GetPut ile enjekte edilerek Home widget'ı değişkene ve metotlara ulaşabilir hale geliyor.
- 06:15Reaktif State Management Uygulaması
- Değişkenlerin değişmesi durumunda, Obx widget'ı metodu çağırarak ekranı yeniden çiziyor.
- Butona tıklandığında controller sınıfındaki increment metodu tetikleniyor ve reaktif olarak Obx widget'ı ekranı yeniden çiziyor.
- State verisi başka bir sayfadan da görüntülenebilir, ancak bu sayfada reaktif bir durum olmadığı için Obx kullanılmıyor.
- 09:37Gelecek Uygulamalar İçin Planlama
- Gelecek uygulamalarda basit kontroller olacak ve belki bir iki değişken veya kullanıcı kilo verilerini tutacak bir liste kullanılacak.
- Liste oluşturulacak ve içine kendi objelerimiz tutulacak, bu değişken değiştikçe reaktif olarak arayüz değişecek mi denenecek.