플러터, flutter) 화면 Orientation 마다 다른 Layout을 주는 방법

플러터에서는 화면 방향에 따라 어떻게 대응할 수 있을까요?

 

1. build시 orientation을 파악합니다. (orientation이 바뀌면 build가 실행됩니다.)

이렇게 시작하자 마자 말이죠. return으로 위젯들이 만들어지기 전에요.

참고로 MediaQuery를 통해서 화면 방향 값을 찾을 수 있습니다.

 

2. 방향에 따라 준비된 레이아웃을 실행합니다.

여기를 보면 child에 isLandscape? 인지 먼저 파악하고 그에 따라 빌드를 다르게 합니다.

 

여기에서 저는 참고로 

portrait일 때는 한 화면에 다 보이게 빌드를 했지만,

landscape일 때는 switch를 추가적으로 넣었고, 스위치에 따라

chart가 보여질지, 아니면 다른 리스트 항목이 보여질지 정할수 있도록 해놨었습니다.