Flutter’da Column widget’ı, dikey bir sıralamada birden fazla çocuk widget’ını düzenlemek için kullanılır. Genellikle bir sayfa üzerinde farklı öğeleri yatay olarak sıralamak için kullanılır. İşte bir Column kullanım örneği:

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(‘Flutter Column Kullanımı’),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center, // Dikey hizalama
crossAxisAlignment: CrossAxisAlignment.center, // Yatay hizalama
children: [
Text(‘Öğe 1’),
Text(‘Öğe 2’),
Text(‘Öğe 3’),
RaisedButton(
onPressed: () {
// Butona tıklanınca yapılacak işlemler
},
child: Text(‘Tıkla’),
),
],
),
),
),
);
}
}

karıdaki örnek, bir Column widget’ını kullanarak dikey bir düzen oluşturur. Column widget’ı, children özelliği altında sıralanmış widget’ları içerir. Bu widget’lar dikey olarak üst üste yerleştirilir.

Ayrıca mainAxisAlignment ve crossAxisAlignment gibi özelliklerle sıralamanın hizalama davranışını kontrol edebilirsiniz. mainAxisAlignment, sıralamanın dikey hizalamasını (üst, orta, alt) ve crossAxisAlignment, yatay hizalamasını (sol, orta, sağ) belirler.

Bu örnekte Text ve RaisedButton widget’ları, bir Column içinde dikey olarak sıralanır. RaisedButton widget’ı bir düğme oluşturur ve bu düğme tıklanıldığında belirli işlemler gerçekleştirebilir. Bu, temel bir Column kullanım örneğidir, ancak ihtiyacınıza göre daha karmaşık düzenler oluşturabilirsiniz.

Aralık 3, 2023

Dart Enum Nedir?

ETİKETLER :

YORUMLAR

Bir yanıt yazın

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