[Flutter] SingleChildScrollView, 스크롤 가능한 위젯

SingleChildScrollView

문제

Column 안에 Item 을 쌓다보면 화면의 크기보다 항목들의 크기가 더 커져서 Bottom Overflow 가 생기는 경우를 맞이했다.

즉, 모든 Contents 를 보기에는 공간이 부족하다.

이 Bottom Overflow 를 해결하기 위해서는 스크롤 가능한 위젯을 사용하면 된다.

구현

SingleChildScrollView(
	scrollDirection : Axis.vertical, // Default 값이 vertical 임. horizontal 로 변경 시 상하가 아닌 좌우로 스크롤 가능하다.
    child: Column(
      children: [
        RatingCard(), // Column 의 자식 위젯1
        ServiceCard(), // Column 의 자식 위젯2
        ServiceCard(), // Column 의 자식 위젯3
      ],
    ),
)