[플러터] Device 설정 무시 글자 크기 고정하기

스마트폰에는 자체적으로 글자 크기를 조절하는 설정이 존재한다.

Device에서 글자의 크기를 키우게 되면 앱에서도 자동적으로 글자가 커져 Overflow가 발생한다.

Flutter에서 Device의 글자 크기 설정을 무시하고 임의로 고정할 수 있다.

 

갤럭시/안드로이드의 설정 화면

 

 

코드

MaterialApp(
              builder: (context, child) {
                return MediaQuery(
                  child: child,
                  data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0),
                );
              },
              
         	  home : ...
              
              )

정말 간단하게 최상단 MaterialApp의 build 속성 내부에 위와 같이 MediaQuery 함수를 삽입하여 글자 크기를 고정할 수 있다.

Overflow로 고통 받고 싶지않다면 반드시.. 우선적으로 하기를 권장한다..