Flutter Stack Kullanımı

Kategori Featured, Flutter
16.03.2023
83 Okunma

Stack widget’i, diğer widget’ların üstüne konumlandırılmasına olanak tanıyan bir widget’dır. Genellikle Overlay, GridView, ListView veya Row/Column gibi widget’ların içinde kullanılır.

İşte basit bir örnek:

Bu örnekte, Stack widget’i, dört farklı Container widget’ını içerir. Her bir Container widget’ı, farklı bir renk ve farklı bir konumda yer alır. Positioned widget’ı, her bir Container widget’ını belirli bir konuma yerleştirir.

Stack widget’ı, diğer widget’ların üstüne konumlandırılabilmesi nedeniyle çok yönlü bir widget’dır. Örneğin, bir resim veya video oynatıcı widget’ı, Stack widget’ı içinde konumlandırılabilir ve üstüne farklı widget’lar eklenebilir.

Flutter’da Stack widget’ının birçok farklı kullanımı ve özelliği vardır. Umarım bu örnekler size başlangıçta yardımcı olmuştur.

Bir resim widget’ı ve bir metin widget’ını Stack widget’ı içinde konumlandırma:

Bir video oynatıcı widget’ı ve üstünde bir düğme widget’ı Stack widget’ı içinde konumlandırma:

Bir resim widget’ı, bir ikon ve bir metin widget’ını Stack widget’ı içinde konumlandırma:

Bu örnekler, Stack widget’ının nasıl kullanılabileceği konusunda farklı fikirler vermektedir. İhtiyaçlarınıza göre Stack widget’ını kullanarak, farklı widget’ların üst üste konumlandırılmasıyla, çok çeşitli tasarımlar yapabilirsiniz.

Comments of this post

Henüz yorum bulunmuyor!