[Flutter] 위젯 정리 1 (centerTitle, mainAxisAlignment)

main.dart

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
    title : 'character card',
    home : MyCard(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
    appBar: AppBar(
      title: Text('BBRANTO'),
      centerTitle: true, // 타이틀을 가운데로 옮김
      backgroundColor: Colors.redAccent,
      ),
      body: Center( // 컬럼 위젯을 가로축 정중앙에 정렬하려면 center
        // 자식을 세로로 구성
        child: Column(
          // 위젯을 상단 중단 하단 정렬할때 쓰임, 컬럼 위젯 내에서 세로축 중앙에 위치시킬때 사용
            mainAxisAlignment: MainAxisAlignment.center, 
            children: <Widget>[
              Text('hi'),
              Text('hi'),
              Text('hi')
            ],
          ),
      ),
    );
  }
}