[flutter] 사용자 기기의 글자 크기 무시하는 방법

플러터에서 사용자 기기의 글자 크기를 무시하는 방법

 

앱의 연령층이 다양할 경우에 사용자 기기에 보이는 글자 크기를 고려하지 않을 수 없습니다. 그렇다고 사용자 기기에 설정된 글자 크기 값을 기준으로 구현하다 보면 글자가 앱의 기능을 불편하게 방해할 정도로 크게 보일 수도 있습니다.

 

이런 경우에 사용자 기기의 설정된 글자 값이 아닌, 우리가 설정해둔 글자 크기 값으로 고정시키는 방법이 있습니다. 그리고 사용자 옵션 기능으로 글자 크기를 키우거나 줄이도록 편의 기능을 제공할 수 있습니다.

 

플러터에서는 Text 위젯 옵션을 이용하면 간편하게 글자 크기를 고정할 수 있습니다. 고정시키는 방법은 특정 위젯만 적용하는 방법과 앱 전체 글자에 적용하는 방법이 있습니다.

 

특정 Text 위젯에만 적용하기

Text 위젯의 textScaleFactor 옵션을 1.0으로 설정하면 됩니다.

Text(
  'fixed text widget font size.',
  textScaleFactor: 1.0,
),

 

앱 전체 글자 크기 고정하기

앱 전체에 글자 크기를 고정하려면 MaterialApp > builder 하위에 MediaQuery 위젯으로 감싸주고 위와 같은 방법으로 textScaleFactor 값을 1.0으로 설정해주면 됩니다.

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

 

간단한 팁이지만 잘 활용하면 사용자에게 좋은 앱 경험을 제공하는데 도움이 될거라 생각합니다. 오늘도 부족한 글 읽어주셔서 감사합니다~😊