7. 플러터 Center 적용

2022. 7. 7. 15:29플러터(Flutter)

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,

 

'플러터(Flutter)' 카테고리의 다른 글

9. 플러터 이미지 넣기  (0) 2022.07.07
8. 플러터 텍스트 스타일  (0) 2022.07.07
6. 플러터 padding 적용  (0) 2022.07.07
5. 플로터 구조  (0) 2022.07.07
4. Widget(위젯)  (0) 2022.07.07