Flutter中如何用textScaleFactor限制TextFormField文本大小并适配全分辨率

1. 用textScaleFactor限制文本大小 #

TextFormField自带textScaleFactor属性，用于控制输入文本的缩放比例，默认会跟随系统字体缩放设置。如果要限制文本大小不受系统调整影响，直接将该属性设为固定值（比如1.0）即可，这样输入框内的文本缩放比例始终保持基准值，不会随系统字体缩放变化。

代码示例：

TextFormField(
  textScaleFactor: 1.0, // 固定缩放比例，屏蔽系统字体缩放影响
  decoration: InputDecoration(
    labelText: "请输入内容",
  ),
)

2. 实现全分辨率下固定文本大小 #

要让TextFormField的文本在不同分辨率屏幕上保持一致大小，分两种场景处理：

场景一：固定物理显示大小 #

如果需要文本在不同设备上的物理尺寸完全一致，可通过MediaQuery获取设备像素密度，将目标物理尺寸转换为Flutter逻辑像素：

TextFormField(
  textScaleFactor: 1.0, // 禁用系统缩放干扰
  style: TextStyle(
    // 示例：将16px物理尺寸转换为逻辑像素
    fontSize: 16 / MediaQuery.of(context).devicePixelRatio,
  ),
  decoration: InputDecoration(
    labelText: "固定物理大小的输入框",
    // 如果需要固定提示/标签文本大小，同步设置对应style
    hintStyle: TextStyle(
      fontSize: 16 / MediaQuery.of(context).devicePixelRatio,
    ),
  ),
)

场景二：固定逻辑像素大小 #

若只需保证逻辑字体大小固定（即Flutter框架内的统一尺寸），直接设置固定fontSize并配合textScaleFactor:1.0即可：

TextFormField(
  textScaleFactor: 1.0,
  style: TextStyle(
    fontSize: 16, // 固定逻辑字体大小
  ),
  decoration: InputDecoration(
    labelText: "固定逻辑大小的输入框",
  ),
)

内容的提问来源于stack exchange，提问作者Vrusti Patel