본문 바로가기
카테고리 없음

오공완(with 코드팩토리의 플러터 프로그래밍) #5-2(디자인 위젯, Container, )

by 또또도전 2024. 7. 18.
반응형

// 이곳에 쓴 내용은 앱 만들기라는 버킷리스트를 달성하기 위해 플러터를 공부하면서 정리하고 있는 내용입니다.

플러터에 대해 아는 것이 거의 없기 때문에 정리하면서 오류가 있을 수 있습니다.

오류를 발견하신 분은 댓글 남겨 주시면 감사하겠습니다.

 

  디자인 위젯

 

Container위젯: 뭘 담는 용기라고 생각하면 됨.

 

SizedBox 위젯: 일정 크기의 빈 공간을 만들 때 사용. const 생성자를 사용했을 때 퍼포먼스의 이점이 있다는데, 뭔 말인지..

 

padding: child위젯에 여백을 지정할 때 사용, 안쪽 테두리, 바깥쪽 테두리는 margin을 사용

padding과 margin

EdgeInsets.all(16.0): 상하좌우 균등하게 적용

EdgeInsets.symmetric(horizontal: 16.0, vertical: 16.0): horizontal 가로, vertical 세로.

EdgeInsets.only(top: 16.0, bottom: 16.0, left: 16.0, right: 16.0): 상하좌우 각각 지정

EdgeInsets.fromLTRB(16.0, 16.0, 16.0, 16.0): 좌상우하 순서로 지정(맨 마지막만 외워두면 되겠다.)

 

SafeArea: 노치폰에 적용하면 노치에 가려지는 일이 없도록 해 주는 위젯

적용과 미적용

* debugShowCheckedModeBanner: false 이걸 지정하면 debug 워터마크를 없앨 수 있다.

 

오늘은 여기까지..

반응형