Etiket Arşivi: ‘Flutter SafeArea Kullanımı’

Flutter SafeArea Kullanımı #142

Flutter SafeArea Nedir?

Flutter SafeArea, uygulamalarımızda kullanıcıların içeriğe müdahale etmeden cihaz ekranındaki boşluklardan kaçınmamızı sağlayan bir widget’dır. SafeArea widget’ı, cihazın üst, alt, sol ve sağ kenarlarına göre içeriğimizi otomatik olarak yeniden boyutlandırır ve güvenli bir alan içinde görüntülememize yardımcı olur.

SafeArea Kullanımı

SafeArea widget’ı, genellikle Scaffold widget’ının altında kullanılır. Öncelikle, ekranın güvenli alanını belirlemek için SafeArea widget’ını kullanarak bir layout oluşturmamız gerekir.

Yukarıdaki örnekte, SafeArea widget’ı, Scaffold widget’ının altında kullanılır ve içinde Container widget’ı bulunur. SafeArea widget’ı, cihazın üst ve alt kenarlarına göre içeriği yeniden boyutlandırır ve güvenli bir alan sağlar.

SafeArea widget’ının child özelliği, güvenli alanın içine yerleştirilen widget’ları belirtir. Bu örnekte, child özelliğindeki Container widget’ı, güvenli alanın içindeki tek bir Text widget’ını içerir.

Örnek Uygulama

Aşağıdaki örnek uygulama, SafeArea widget’ını kullanarak bir uygulama oluşturur. Uygulamanın ana ekranında, bir Column widget’ı ve Expanded widget’ları kullanarak üst ve alt çubuklar arasındaki alanı dolduracak bir resim ve metin görüntülenir.

 

Kategori Featured, Flutter
15.03.2023
81 Okunma