211. (Flutter/플러터) [Mac] : [UI] : [MediaQuery] TextScaler 텍스트 스케일러 사용해 텍스트 폰트 사이즈 조정 처리 - UI 깨짐 방지

---

[개발 환경 설정]

​

개발 툴 : AndroidStudio

개발 언어 : Dart

 

---

[소스 코드]

 

// -----------------------------------------------------------------------------------------
// TODO [MyApp] : [상태가 변경 되지 않는 Widget] : [StatelessWidget 상속 및 화면에 표시될 Widget]
// -----------------------------------------------------------------------------------------
// StatelessWidget 은 상태가 없는 위젯으로 생성 시점에 모든 구성이 결정되며, 데이터 변경에 따라 다시 Rendering 되지 않습니다
// -----------------------------------------------------------------------------------------
class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // [빌드 환경 설정]
  @override
  Widget build(BuildContext context) {
    return MaterialApp(

      debugShowCheckedModeBanner: false, // [디버그 마크 표시 없애기]

      title: 'Flutter Demo',

      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),

      //home: const MyHomePage(title: 'Flutter Demo Home Page'), // [사용자 휴대폰 기기 설정 폰트 사이즈에 따라서 UI 텍스트 변경 됨]

      home: MediaQuery( // [사용자 휴대폰 기기 설정 폰트 사이즈에 상관 없이 폰트 사이즈 고정 처리] : [flutter version 3.16 이후 사용 코드]
        data: MediaQuery.of(context).copyWith(textScaler: TextScaler.noScaling),
        child: const MyHomePage(title: 'Flutter Demo Home Page'),
      ),
    );
  }
}

---