Flutter Expanded Kullanımı #141

Kategori Featured, Flutter
15.03.2023
74 Okunma

Flutter’da, bir Widget’ın boyutunu, yalnızca kendisini veya çocuklarını kullanarak belirlemek bazen yeterli olmayabilir. Bu durumda, Flutter’da Expanded Widget’ını kullanabilirsiniz. Bu Widget, belirli bir alanı doldurmak için mevcut tüm boşlukları kullanır. Bu makalede, Flutter’da Expanded Widget’ının nasıl kullanılabileceğini ve bir örnek uygulama oluşturmayı göstereceğim.

Expanded Widget Nedir?

Expanded, bir Widget’ın belirli bir alanı doldurmak için mevcut tüm boşluğu kullanmasına izin veren bir Widget’dır. Expanded Widget, bir satır veya sütun gibi bir düzenleyici içinde kullanılabilir ve Widget’ların her biri için belirli bir alan tahsis edilir. Eğer kullanılan tüm alan, kullanılabilir alanı aşarsa, Expanded Widget’ı kullanarak Widget’lar bu boşluğu doldurabilir.

Expanded Widget aynı zamanda Flex veya Row/Column widget’ları gibi esnek düzenleyicilerde de kullanılabilir. Bu Widget’lar, yalnızca kullanılabilir alanın belirli bir yüzdesini kullanarak bir Widget’ın boyutunu belirleyebilir. Ancak, Expanded Widget, tüm kullanılabilir alanı kullanarak Widget’ın boyutunu belirler.

Flutter Expanded Widget Nasıl Kullanılır?

Flutter Expanded Widget, bir sütun veya satır içinde kullanılarak Widget’ların belirli bir alan tahsis edilmesine izin verir. Örneğin, bir satırın çocukları, ekranda belirli bir alanı kaplamalıdır. Expanded Widget, bu boşluğu kullanarak Widget’ın boyutunu genişletir.

Yukarıdaki örnekte, Expanded Widget’ları bir satırda kullanarak her bir Text Widget’ın belirli bir alan tahsis edilmesi sağlanmıştır. Expanded Widget, tüm kullanılabilir alanı kullandığı için, her bir Text Widget, eşit boyutlara sahip olacaktır.

Flutter Expanded Widget Örnek Uygulama

Aşağıdaki örnek uygulama, Expanded Widget’ın kullanımını gösterir. Bu uygulama, birkaç resmin ekranda belirli bir alanı kaplamasını sağlar.

Bu örnek uygulama, birkaç resmi ekranda belirli bir alanı kaplayacak şekilde görüntüler. Expanded Widget, her resim için belirli bir alan tahsis eder ve kullanılabilir alanın tümünü kullanarak resimleri ekranda genişletir.

# Sonuç

Flutter Expanded Widget, Widget’ların belirli bir alanı doldurmasına izin vererek ekranın kullanılabilir alanını en iyi şekilde kullanmalarına olanak tanır. Bu Widget, bir sütun veya satır içinde kullanılabilir ve diğer Widget’larla birlikte kullanılarak ekranı maksimum kapasiteyle kullanır. Yukarıdaki örneği ve örnek uygulamayı kullanarak, Flutter Expanded Widget’ını nasıl kullanabileceğinizi anlamış olmalısınız.

Comments of this post

Henüz yorum bulunmuyor!