플러터(Flutter)
7. 플러터 Center 적용
서섬세
2022. 7. 7. 15:29
1. 가로 센터
class MyCard extends StatelessWidget {
const MyCard({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('studyFlutter'), //app bar tile 지정
centerTitle: true,
backgroundColor: Colors.yellow, //app bar 색상 지정
elevation: 0.0, // 앱바 그림자 지우기
),
body: Center( // 센터 지정
child: Column(
children: const [
Text('Hi1'),
Text('Hi2')
],
),
)
);
}
}
2. 세로 센터
Column 안에 아래 내용 추가
mainAxisAlignment: MainAxisAlignment.center,