상위 위젯의 영역 정보를 알고 싶을 때

지금 만들어 보고 있는 scheduler에서 time table을 표현하기 위해 container로 감싼뒤 그안에서 custom paint를 이용해서 time table을 그리려고 하고 있다. 

 

그런데 mediaQuery 를 이용해서 받아오는 context의  size 정보는 parent 위젯의 사용가능 영역에 대한 정보가 아니라, 언제나 device의 full screen 정보(height 와 width 등..) 란 것을 알게 되었다. 

 

그렇다면 child 위젯에서 parent 위젯의 사용가능 영역 정보를 알려면 어떻게 해야하나?

LayoutBuilder 를 사용하면 된다. 

 

The main difference between Media Query and LayoutBuilder is that Media Query uses the full context of the screen instead of the size of your particular widget. While the layout builder can determine the maximum width and height of any widget.

 

참고 자료 
1. api.flutter.dev 의 LayoutBuilder 설명
2. LayoutBuilder Widget In Flutter, Medium