Flutter renderflex overflowed ... error 해결

flutter 를 개발하다보면 제일 화가 나는건 ...overflowed 에러이다.. 

그냥 알아서 사이좋게 간격 조절 잘 해서 딱딱 나올 수 는 없을까? 

 

아무튼, 이게 생기는 이유는 위젯을 만들때 지정한 크기 혹은 지정 된 크기 이상으로 넘쳤을 때 발생하는 것이다. 

하지만 사람이라는것이 어디서 내가 이 오류를 겪었는지 모르기 마련이즤... 

대충 오류인 지점 같은 곳을 찾아가 보면 늘 column 이나, row, container 가 있었다. 

 

 

그럴 땐, SingleChildScrollView 로 감싸 주면 된다. 

  SingleChildScrollView(
    scrollDirection: Axis.horizontal,
      child: Row(
        '코드 작성'
      ),
   ),

 

아니라면 ListView 로 감싸주면 된다. 

ListView(
    return Row(
      children: <Widget>[ ]
              )
   ),