Flutter font size is too small in IOS compared to AOS

회사 제품의 가장 기본 bodytext의 크기는 14이나 디자인 QA 도중 IOS에서는 14가 아니라 체감 10 혹은 11 정도로 표출되는 것을 확인했다. 갖고 있는 기기가 안드이다 보니 IOS는 13 Pro 시뮬레이터로 돌리며 QA를 진행한 핸드폰 역시 아이폰이었는데 기종마다 차이가 있는 건지에 대해서는 아직도 미해결이다. 

이런 저런 방법을 다 동원했을 때 그나마 폰트 크기를 키워준 건 MedaQuery를 통한 textScaleFactor 설정이다. 단, 이역시도 100% 해결은 아니므로 주의하는 것이 좋다.

Text마다 지정하는 것보다 최상단 App Class의 MaterialApp의 builder 프로퍼티를 통해 선언해 주어야만 전체 적용이 가능하다. 하기 코드에서는 혹시 모를 상황에 대비하여 clamp로 limit의 범위를 지정하였는데 이부분을 생략하고 1.0으로 바로 지정해 주어도 상관없다. 

 

	MaterialApp(
      builder: (context, child) {
        final scale = MediaQuery.of(context).textScaleFactor.clamp(1.0, 1.3);
        return MediaQuery(
          data: MediaQuery.of(context).copyWith(textScaleFactor: scale),
          child: child!,
        );
      },
      debugShowCheckedModeBanner: false,
      ...
      )