[012] 플러터 (Flutter) Tip - Incorrect use of ParentDataWidget 해결 방법

안녕하세요~ totally 개발자입니다.

 

플러터 개발시 하위 위젯을 굉장히 많이 배치를 하게 되는데 이 때 Incorrect use of ParentDataWidget이라는 오류가 발생하는 경우가 있습니다. 대표적인 경우가 Flexible, Expanded, Positioned 등과 같은 위젯인데요. 

 

이 위젯들의 상위 parent에 적절한 위젯이 들어가지 않으면 오류 메시지가 출력되게 됩니다. 물론 앱 실행상에서는 지장이 없는 경우도 있지만 해결하는 것이 권장됩니다.

 

Flexible, Expanded의 경우에는 Row, Column, Flex 위젯으로 감싸주셔야 합니다. Flexible, Expanded 자체가 여백을 확장하여 채워주는 위젯이기 때문에 2개 이상의 위젯이 들어갈 수 있는 children 형태를 취하는 Row, Column, Flex 위젯을 사용하여야 하는 것입니다. 

 

Positioned 위젯의 경우에는 Stack 위젯이 parent 위젯으로 동반되어야 합니다. 

 

위젯의 사용 방법, 상위 parent 호환을 이해하셔야 올바르게 위젯 구조를 구축할 수 있습니다.