flutter

Flutter Text Widget 기기의 font size 무시하기

기기 글꼴 크기 설정과 상관없이 Flutter Text 크기를 고정하는 방법입니다. textScaleFactor 옵션과 MediaQuery로 앱 전체에 적용하는 방법을 다룹니다.

1 min read

Text 위젯에 바로 적용할 수 있는 방법으로는 Text 위젯의 textScaleFactor 옵션을 이용하면 됩니다.

dart
Text(
  '텍스트!',
  textScaleFactor: 1.0,
),

앱 전체에 적용을 원한다면 MaterialApp의 builder parameter를 이용해서 MediaQuery 위젯의 textScaleFactor 설정을 바꿔서 리턴해주면 됩니다.

dart
MaterialApp(
	builder: (context, child) => MediaQuery(
            data: MediaQuery.of(context).copyWith(
              textScaleFactor: 1.0,
            ),
            child: child!,
          ),
          title:
          ...
profile

Chang Hyun Kim