如何使 Flutter 应用程序字体大小独立于设备设置？

Question

我需要让我的整个应用独立于设备的字体大小设置。我发现我可以手动为每个文本视图设置 textScaleFactor: 1.0。对于一些文本小部件来说，这是一个很好的解决方案，但对于具有数十个文本小部件的大型应用程序来说并不好。

Answer 1

首先我要说的是，让您的文本与 phone 设置无关是个坏主意。它使您的应用程序对失明或运动障碍等残障用户不太友好。作为开发人员，您应该确保您的布局有足够的空间来在字体大小增加时呈现所有内容。但有时我们实际上需要固定字体大小。

您只需创建 Material App Builder 来为整个应用程序设置媒体查询属性“textScaleFactor: 1.0”。

MaterialApp(
  builder: (context, child) {
    return MediaQuery(
      child: child,
      data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0),
    );
   },
)

已找到解决方案 here。

Answer 2

你是对的 Oleksandr，将 textScaleFactor 设置为 1.0 并收工意味着忽略用户的需求。他们要求更大的文本大小，但您没有提供。

让它更具适应性

你可以选择最小因子和最大因子，你可以比较给出。

return MaterialApp(
        builder: (context, child) {
          final mediaQueryData = MediaQuery.of(context);
          final scale = mediaQueryData.textScaleFactor.clamp(1.0, 1.3);
          return MediaQuery(
            child: child,
            data: MediaQuery.of(context).copyWith(textScaleFactor: scale),
          );
        },
);

我们可以给出一个受约束的系统值，而不是硬编码的 textScaleFactor。

通过使用 clamp()，我们给系统 textScaleFactor 下限和上限。

来源：Restricting system textScaleFactor, when you have to

Answer 3

这样使用：

MaterialApp(
          debugShowCheckedModeBanner: false,
          home: Container(child: SplashScreen()),
          builder: (context, child) {
            return MediaQuery(
              child: child!,
              data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0),
            );
          },
        ),

如何使 Flutter 应用程序字体大小独立于设备设置？

How to make Flutter app font size independent from device settings?

settings

font-size

flutter