Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Protocols Point kanalında yayınlanan bu eğitim videosunda, bir eğitmen Flutter GetX kütüphanesinin temel özelliklerini ve kullanımını anlatmaktadır.
- Video, Flutter GetX kütüphanesinin ne olduğunu açıklayarak başlıyor ve Android Studio'da bir Flutter projesi oluşturarak kütüphanenin nasıl kurulacağını gösteriyor. Eğitmen, sneaky bar, diyalog kutusu gösterme, sayfa arası geçiş yapma ve state management gibi temel özelliklerin nasıl kullanılacağını adım adım kod örnekleriyle anlatıyor. Ayrıca, bir uygulamada buton ile sayfa geçişini yaparak, birinci sayfada oluşturulan counter değerinin ikinci sayfada da güncellenmesini göstererek sayfa arası state yönetimi konusunu detaylı şekilde ele alıyor.
- Video, Flutter geliştiricilerinin GetX kütüphanesini kullanarak uygulamalarını daha hızlı ve etkili bir şekilde geliştirmelerine yardımcı olmayı amaçlıyor. Getx paketinin nasıl import edileceği, counter instance'ının nasıl oluşturulacağı ve state'in nasıl yönetileceği konuları da kapsamaktadır.
- 00:01Flutter Getx Tanıtımı
- Flutter Getx, Flutter geliştiricilerine hızlı uygulama geliştirme imkanı sağlayan hafif bir pakettir.
- Getx'in özellikleri arasında state management, root management, dependency management ve validation bulunmaktadır.
- Bu videoda Getx'in temel özellikleri gösterilecektir.
- 00:55Getx'in Temel Özellikleri
- Getx ile ekranda mesaj gösterme, diyalog kutusu açma ve kullanıcı sayfalarını arasında geçiş yapma gibi temel işlemler yapılabilir.
- Sneaky bar (mesaj pop-up) göstermek için "get.sneakyBar(title: "High", message: "Welcome to Proto Coders Point")" kodu kullanılabilir.
- Dialog kutusu göstermek için "get.defaultDialog(title: "Easy")" kodu kullanılabilir.
- 02:30Getx'i Flutter Projesine Ekleme
- Getx'i Flutter projesine eklemek için pubspec.yaml dosyasına "dependencies" bölümünde "get" bağımlılığını eklemek gerekir.
- Main.dart dosyasında Getx paketini import etmek ve MaterialApp'i GetMaterialApp ile sararak tüm app içinde Getx özelliklerine erişim sağlanmalıdır.
- Getx, app'in kökünde yer alır ve tüm widget'lar ve sınıflar bu özelliklere erişebilir.
- 12:10State Management Örneği
- Getx'in state management özelliği ile değişkenler "observer" olarak tanımlanabilir ve veri değiştiğinde UI otomatik olarak güncellenir.
- Counter değişkeni oluşturulup "observer" olarak işaretlenir ve butonlarla artırılır.
- Text widget'ı "ObxBuilder" ile sararak değişken değerini ekranda göstermek mümkündür.
- 14:26State Management Örneği
- State management için ayrı bir Dart dosyası oluşturulup "GetXController" sınıfından türetilir.
- Counter değişkeni bu sınıfta tanımlanır ve "increment" fonksiyonu ile artırılır.
- Main.dart dosyasında bu sınıfdan bir nesne oluşturulur ve değişken değeri "ObxBuilder" ile ekranda gösterilir.
- 21:40GetX ile Sayfa Geçişleri
- GetX kullanarak ikinci sayfaya geçiş yapılıyor.
- İlk sayfada Column widget ve Main Access Alignment Center kullanılıyor.
- Buton ile ikinci sayfaya geçiş yapılabiliyor.
- 22:35GetX ile State Management
- İkinci sayfada GetX ile oluşturulan counter instance'ın değeri gösteriliyor.
- GetX.dart paketi import ediliyor.
- Text widget'ı counter instance'ın count değerine göre güncelleniyor.
- 23:54State Management Testi
- App yeniden başlatıldığında counter değeri 7'den 8'e, sonra 10'a çıkıyor.
- İkinci sayfaya geçildiğinde state management çalışıyor ve counter değeri 10 olarak korunuyor.
- İkinci sayfada counter değeri 17'ye çıkıyor.
- 24:32Video Kapanışı
- Bu video tutorial'ın sonu.
- Yakında GetX paketleri hakkında daha detaylı bir video hazırlanacak.
- İzleyicilerden abone olmaları isteniyor.