MediaQuery 忽略系統設定字型大小

為了避免 User 設定系統字型大小而造成跑版，可透過 MediaQuery 設定。

Version

Flutter 3.24

MediaQuery

main.dart

import 'package:flutter/material.dart';

import 'home.dart';

void main() {
  runApp(const App());
}

class App extends StatelessWidget {
  const App({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        builder: (context, child) {
          return MediaQuery.withNoTextScaling(child: child!);
        },
        home: const Home());
  }
}

Line 15

builder: (context, child) {
  return MediaQuery.withNoTextScaling(child: child!);
},

在 MaterialApp 的 build() 中呼叫 MediaQuery.withNoTextScaling() 可忽略系統字型大小設定避免跑版

Conclusion

MediaQuery.withNoTextScalling() 僅可忽略 Font Size 設定，但不能忽略 Display Size 設定