[ flutter ] A RenderFlex overflowed by * pixels ... 오류 간단하게 해결하기

 

---

 

Flutter Web 테스트 중에 반응형 동작을 수행하는지 확인해보았다가 생긴 오류입니다. 매우 단순한 오류이기에 수정하기 간편합니다. Row 혹은 Column으로 내용을 작성해나갈 때 Scrollable이 되지 않아 생기는 간단한 문제입니다.

 

이미지는 웹이나 모바일에도 동일하게 나타납니다

 

경고창이 상당히 큰 문제인 것 처럼 뜹니다만 읽어보시면 간단한 내용입니다

 

현재 단순 Row로 구성된 페이지를 SingleChildScrollView로 감싸주면 됩니다.

필요에 따라 scrollDirection을 추가해줍니다.

 

 

 

Row를 감싸줍니다

 

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