반응형 UI (심화 1-6)

• 화면 크기나 디바이스 유형에 따라 동적으로 디자인 요소를 재비치하는 UI
• 폴더블 폰이 등장하고 난 뒤 모바일에서 반응형 UI 의 중요성이 커짐

• 반응형이 포함되지 않은 UI

• 반응형이 포함된 UI

LayoutBuilder

• 부모 위젯의 크기에 따라 자식 위젯의 배치를 조정할 때 사용하는 위젯
• builder 속성에 BuildContext , BoxConstraints 파라미터가 들어가는 함수 정의해서 구현할 위젯 리턴
• BoxConstraints : 부모위젯의 크기 제약조건 정보 가지고 있는 객체
  • minWidth: 부모가 허용하는 최소 가로 크기.
  • maxWidth: 부모가 허용하는 최대 가로 크기.
  • minHeight: 부모가 허용하는 최소 세로 크기.
  • maxHeight: 부모가 허용하는 최대 세로 크기.
• BoxConstraints 의 maxWidth ****이용해서 구현
• 주의할 점은 부모위젯의 크기를 기반으로 하기 때문에 Scaffold가 배치되는 곳에서 사용!

---

MediaQuery

• Flutter에서 화면 크기, 해상도, 여백 등의 정보 가져올 때 사용하는 클래스
• sizeOf static 메서드 사용하면 디바이스의 가로 세로 크기를 나타내는 Size 객체가 리턴됨
• sizeOf 호출 시 BuildContext를 파라미터로 넘겨주는데 디바이스의 사이즈 변경(화면 회전, 폴더블 폰 열릴 때)이 감지되면 해당 BuildContext를 가진 위젯 build메서드 재호출됨

---

LocalNotification (심화 1-7)

• 유저에게 푸쉬 알림 보내기
• 플러터 framework 자체적으로는 지원 X
• 안드로이드 네이티브의 NotificationCompat APIs, IOS 네이티브의  UserNotification APIs 를 를 사용하여 구현 후 플러터와 연동해야함
• 하지만 이미 연동까지 해놓은 flutter_local_notifications 패키지를 이용하면 쉽게 구현 가능