[Flutter] 가운데 정렬하기

 

mport 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Character Card',
      home: Mycard(),
    );
  }
}

class Mycard extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('BBANTO'),
        centerTitle: true, // 앱바 가운데 정렬
        backgroundColor: Colors.red[200], // 백그라운드 컬러
        elevation: 0.0, // 깊이감(높이감)
      ),
      body: 
        Center( // 가로축 가운데 정렬
          child: Column( // 세로 컬럼 생성
            mainAxisAlignment: MainAxisAlignment.center, // 새로축 가운데 정렬
            children: <Widget>[ // 컬럼에 들어갈 위젯들
              Text('Hello'),
              Text('Hello2'),
              Text('Hello3'),
            ],
            ),
        )
      
    );
  }
}

 

 

유튜브 강의 참고 : 코딩셰프 순한맛 https://youtu.be/gUVAUOvPm_c