当手机显示文本大小放大时，应用程序 UI 完全扭曲 - 无响应

如何解决当手机显示文本大小放大时，应用程序 UI 完全扭曲 - 无响应

当用户增加 Android/iOS 手机的显示字体大小时，应用程序 UI 完成损坏。

要求：尽管用户增加了显示字体大小，但我需要修复所有 TextField 的大小。 （不支持辅助功能） 注意：我已经为我的文本字段提供了“fontSize”，但当字体大小增加时它会放大。

重现它的步骤： iOS 移动版：设置 -> 辅助功能 -> 显示和文本大小 -> 大文本 -> 开启 -> 最大 Android 手机：设置 -> 显示 -> 字体大小 -> 大

如果有任何解决方案，请告诉我。 将不胜感激。

这是我的颤振医生 -v

Flutter（通道稳定，1.22.6，在 macOS 11.2.1 20D74 darwin-arm，locale en-IN） • Flutter 1.22.6 版位于 /Users/sunflower/Documents/flutter • 框架修订 9b2d32b（3 个月前），2021-01-22 14:36:39 -0800 • 引擎修订版 2f0af37152 • Dart 版本 2.10.5

[✓] Android 工具链 - 为 Android 设备开发（Android SDK 版本 30.0.3） • Android SDK 位于 /Users/sunflower/Library/Android/sdk • 平台 android-30，构建工具 30.0.3 • ANDROID_HOME = /Users/sunflower/Library/Android/sdk • Java 二进制文件位于：/Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java • Java 版 OpenJDK 运行时环境（构建 1.8.0_242-release-1644-b3-6915495） • 接受所有 Android 许可。

[✓] Xcode - 为 iOS 和 macOS 开发 (Xcode 12.4) • Xcode 位于 /Applications/Xcode.app/Contents/Developer • Xcode 12.4，构建版本 12D4e • CocoaPods 1.10.1 版

[✓] Android Studio（4.1 版） • Android Studio 位于 /Applications/Android Studio.app/Contents • 安装了 Flutter 插件 • Dart 插件版本 201.9317 • Java 版 OpenJDK 运行时环境（构建 1.8.0_242-release-1644-b3-6915495）

请找到附件以了解问题的重点。

When Font Size is increased Application UI Everything is overflowed

解决方法

这可能会有所帮助，font size change prohibited，

MaterialApp(
builder: (BuildContext context,Widget child) {
return MediaQuery(
data: MediaQuery.of(context).copyWith(textScaleFactor: textScaleFactor),child: child,);
},title: 'Home Page',);

,

在您的“MaterialApp”中将 textScaleFactor 锁定为 1.0：

 MaterialApp(
      title: 'My App',builder: (BuildContext context,Widget _) {
        return MediaQuery(
          data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0),// like this
          child: Home(),// Your widgets go here
        );
      },);