Flutter’da Spacer, widget’ların arasındaki boşluğu esnek bir şekilde yönetmek için kullanılan bir widget’tır. Spacer, kullanıldığı yerde mevcut alana göre uygun miktarda boşluğu otomatik olarak ayarlar.

import ‘package:flutter/material.dart’;

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text(‘Spacer Örneği’),
),
body: Column(
children: [
Text(‘Üst Kısım’),
Spacer(),
Text(‘Alt Kısım’),
],
),
),
);
}
}

Bu örnekte, Column widget’ının çocukları olarak iki metin widget’ı ve bir Spacer widget’ı kullanılmıştır. Spacer, bu iki metin widget’ı arasındaki boşluğu otomatik olarak ayarlayacak ve kalan alanı eşit bir şekilde dağıtacaktır.

Spacer widget’ı, diğer widget’larla birlikte kullanıldığında, kullanılan ve kullanılmayan boş alanı esnek bir şekilde yönetmek için kullanılır. Örneğin, dikey bir sütunda birkaç widget arasında eşit bir boşluk bırakmak veya yatay bir sütunda iki widget arasında boşluk oluşturmak için Spacer kullanabilirsiniz.

Spacer, kullanıldığı yerdeki boş alanı maksimum değere ayarlar. Eğer Spacer widget’ının “flex” parametresini belirtirseniz, boş alanın nasıl dağıtılacağını belirleyebilirsiniz. Örneğin, Spacer(flex: 2) kullanırsanız, Spacer 2 birim boş alan kaplar ve diğer Spacer’lardan daha fazla genişler.

Spacer widget’ı, esnek ve dinamik bir boşluk yönetimi sağlamak için kullanışlıdır ve widget’ların esnek yerleşimini sağlar.

Haziran 30, 2023

Flutter Hero Kullanımı

ETİKETLER :

YORUMLAR

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir