时间戳

首页 > 解决方案 > 手机显示文本大小放大时，应用程序 UI 完全变形 - 无响应

flutter - 手机显示文本大小放大时，应用程序 UI 完全变形 - 无响应

问题描述

当用户增加手机 Android/iOS 的 Display Font Size 时，应用程序 UI 完全损坏。

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

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

请让我知道是否有任何解决方案。帮助将不胜感激。

这是我的颤振医生 -v

Flutter（Channel stable，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 )

请查找附件以获取问题的重点。

当字体大小增加时 应用程序 UI 一切都溢出了

标签： flutterfontsflutter-layoutaccessibilityfont-size

解决方案

锁定textScaleFactor到1.0您的“MaterialApp”：

 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
        );
      },
    );

推荐阅读