파파비의 블로그

플러터, flutter) 방향 상관없이 사이즈에 따라 위젯 다르게 설정하기 본문

개발/flutter

플러터, flutter) 방향 상관없이 사이즈에 따라 위젯 다르게 설정하기

N. Dave 2020. 5. 27. 18:56
반응형

 

혹시 차이를 알겠나요?

 

portrait 모드일 때는 지우는 버튼 옆에 텍스트가 없지만

land 모드 일때는 텍스트가 있습니다.

 

하지만 이게 방향에 따른 것은 아니고, portrait이어도 화면이 충분히 크다면, Delete 텍스트가 추가됩니다.

이렇게 방향에 따른 레이아웃 변화가 아니라 화면 사이즈에 따른 위젯 변화는 어떻게 줄까요 ?

 

여기를 보면 트레일링 부분에 MediaQuery를 통해 threshold를 걸어두고, 그 사이즈에 따라 생성되도록 만들어두었습니다.

 

이런 방법도 가능합니다.

 

<참고>

+ FlatButton.icon은 FlatButton + Icon + Text가 가능한 조합의 위젯입니다!

반응형
Comments