[Dart/Flutter] 자주 쓰는 Flutter Code

반응형 스크린 사이즈

// Flutter material
MediaQuery.of(context).size             //앱 화면 크기 size  Ex> Size(360.0, 692.0)
MediaQuery.of(context).size.height      //앱 화면 높이 double Ex> 692.0 
MediaQuery.of(context).size.width       //앱 화면 넓이 double Ex> 360.0
MediaQuery.of(context).devicePixelRatio //화면 배율    double Ex> 4.0
MediaQuery.of(context).padding.top      //상단 상태 표시줄 높이 double Ex> 24.0

// Getx 사용,
Get.context.mediaQuerySize // MediaQuery.of(context).size 와 유사함
Get.context.mediaQueryPadding // MediaQuery.of(context).padding 와 유사함
Get.height // MediaQuery.of(context).size.height 과 동일
Get.width // 하지만 불변함.
Get.context.devicePixelRatio // MediaQuery.of(context).devicePixelRatio; 와 유사함
Get.context.mediaQueryPadding.top // MediaQuery.of(context).padding.top 와 유사함

키보드 unfocus

GestureDetector(
        behavior: HitTestBehavior.translucent,
        onTap: () {
          // flutter original
          FocusScope.of(context).unfocus();
  
          // getx
          Get.focusScope!.unfocus();
        },
        child: Container(),
      ),