본문 바로가기
프로그래밍/Flutter

[Flutter] 스크린 하단에 Widget 배치

by YuminK 2022. 4. 3.

찾아보면 Column 안에 넣어서 정렬을 해가지고 .. 밑에 배치를 시키는 그런 방법이 많이 나오는데 내가 발견한 쉬운 방법은 Expanded 위젯을 사용하는 방법이다.

Column(
 children: [
         const Expanded(
           child: Center(child: null),
         ),

        // 위젯 자리
        const Padding(padding: EdgeInsets.only(bottom: 32),),
   ],
 )

Column의 children에 하나씩 배치를 하는데 가장 하단까지 margin을 주기에는 무리가 있다.

(기기마다 스크린 크기가 달라서 하드코딩으로는 문제가 생길 것이다.)

 

방법을 찾아보니 Expanded를 이용하여 자리를 차지하도록 하고 맨 밑에 원하는 만큼의 Padding을 주는 방법이 있어서 그걸로 적용했다. 

'프로그래밍 > Flutter' 카테고리의 다른 글

[Flutter] Navigator.push() in Dialog  (1) 2022.04.07
[Flutter] TextFormField 정리  (0) 2022.04.06
[Flutter] 둥근 버튼 만들기  (0) 2022.04.03
[Flutter] List<TextSpan> in ChangeNotifier  (0) 2022.04.02
[Flutter] RichText  (0) 2022.04.02

댓글