TIL - 2024.04.15

Container

Containers with no children try to be as big as possible

컨테이너라는 위젯은 상위 위젯이 없을때 가장 크게 설정이 되고, child가 있을때는 child에 맞춰서 줄어든다. 별도로 height, width를 설정해서 사용할 수 있다.

아래는 알아두면 좋은 위젯 & 팁들

• SafeArea: 위젯이 화면 밖으로 나가는것을 방지하는 위젯
• flutter inspector: 안드로이드 스튜디오에서 제공하는 가이드라인. 패딩이나 마진값을 볼 때 편하다.

Row & Column

우리가 다 아는 그것. flex, flex-col 이라고 생각하면 된다. 보통 Center()에 mainaxisalignment를 사용하여 중앙 정렬을 시킨다.

• Center()
  child를 중앙에 정렬시키는 위젯. mainaxisalignment 값을 통해서 상단, 중앙, 하단에 위치시킬건지를 정할 수 있다.
• Column()
  flex-col 과 동치의 개념. 웹에서 reverse 효과를 주는것처럼, verticalDirection: VerticalDirection.up을 통해서 하위 위젯들을 정렬시킬 수 있다. 그리고, mainAxisAlignment도 존재해서, spaceBetween, center, end, start, spaceAround,등등 웹에서 쓰이는 개념이 거의 다 있다. 또한 crossAxisAlignment를 사용해 가로 방향으로도 정렬시킬 수 있다.
• Row()
  정렬방법만 다를뿐 column과 동일 방식.