Bir Sütunu Ortala

Coddy'nin Flutter Journey'sinin İlk Uygulamanız bölümünün bir parçası. Ders 22 / 32.

Bir Column kendisine verilen alan kadar yüksek olur ve çocuklarını en üstten başlatır. mainAxisAlignment: özelliği, sütunun ana ekseni boyunca bu yükseklik üzerinde nereye yerleşeceklerini belirtir:

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [...],
)

MainAxisAlignment.start en üst, center orta ve end en alt konumdur. spaceEvenly öğeleri eşit aralıklarla dağıtır. Bir Row da aynı ayara sahiptir; ancak bu ayar genişliği boyunca uygulanır.

Ekran boyunca bu sütun yalnızca en geniş çocuğu kadar geniş olur, bu yüzden solda kalır. Bu yön, bir sonraki derste ele alınacak.

Görev

Kolay

Üç sayı ekranın üst kısmında yer alıyor. Sütunun mainAxisAlignment: özelliğini kullanarak onları ekranın yarısına taşı.

Kendin dene

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Column(
          children: [
            Text('One', style: TextStyle(fontSize: 32)),
            Text('Two', style: TextStyle(fontSize: 32)),
            Text('Three', style: TextStyle(fontSize: 32)),
          ],
        ),
      ),
    );
  }
}