티스토리 뷰
[Flutter] Container 가운데 정렬하기
넓이가 지정된 Container를 디스플레이하면 좌측정렬된 상태로 나온다.
...
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
width: 300,
height: 300,
decoration: const BoxDecoration(
color: Colors.lightBlueAccent,
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () => {},
child: const Text("Button")
)
],
),
)
);
}
...
이럴 때 Center 위젯으로 감싸주면 Container 위젯이 가운데 정렬되어 디스플레이 된다.
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Container(
width: 300,
height: 300,
decoration: const BoxDecoration(
color: Colors.lightBlueAccent,
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () => {},
child: const Text("Button")
)
],
),
),
)
);
}
'Programming Framework > Flutter' 카테고리의 다른 글
[Flutter] Container 넓이 100% (0) | 2024.05.29 |
---|---|
[Flutter] Container 넓이, 높이 최대값 설정 (0) | 2024.05.29 |
[Flutter] getApplicationCacheDirectory 폴더 위치 (0) | 2024.05.27 |
[Flutter] Windows App getApplicationCacheDirectory 경로 변경 (0) | 2024.05.27 |
[Flutter] Yaml 파일 Decode/DeSerialize(Yaml 객체화) (0) | 2024.05.26 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- dotnet core
- Eclipse
- Flutter
- JSP
- express
- MySQL
- eGovFrame
- Entity Framework Core
- CentOS
- Spring
- 전자정부
- ubuntu
- asp.net core
- php
- egoverment
- DART
- high1
- Java
- 스프링
- .NET Core
- 하이원
- c#
- 자바
- Linux
- Fedora
- MariaDB
- jQuery
- Windows
- egov
- 이클립스
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
글 보관함