Android文字大小以dp为单位、Flutter用pixel，如何实现二者显示效果一致？

首先澄清基础认知：

Flutter默认的文字大小单位不是物理像素，是逻辑像素，和Android的dp单位定义完全一致：1逻辑像素/1dp的物理渲染尺寸 = 设备像素密度（Android的density / Flutter的devicePixelRatio） * 单位值，二者底层计算逻辑没有差异。

两者出现显示差异的核心原因通常是系统字体缩放配置不一致、字体族/排版参数不一致，按照以下步骤配置即可完全对齐： #

全局统一适配方案（推荐全项目使用） #

1. 对齐系统字体缩放逻辑
   先确认你的Android项目是否允许文字跟随系统字体大小调整，对应在Flutter中做全局配置：

• 若Android端禁用了系统字体缩放：在MaterialApp的builder中全局强制固定文字缩放比例为1，完全消除系统设置的影响：

MaterialApp(
  builder: (context, child) {
    return MediaQuery(
      data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0),
      child: child!,
    );
  },
  // 其余正常配置路由、主题等参数
);

• 若Android端允许跟随系统字体缩放：不需要修改textScaleFactor，Flutter默认逻辑已经和Android原生一致。

2. 对齐字体配置
   两端使用相同的自定义字体文件，同时保持fontWeight、字间距等排版参数和Android端一致，避免系统默认字体自带的排版偏移。

3. 直接赋值fontSize
   完成以上配置后，直接给TextStyle的fontSize参数设置和Android端dp完全相同的数值即可，渲染效果1:1对齐。

局部灵活适配方案 #

如果只有部分页面/文字需要和Android dp对齐，可以扩展一个转换方法按需调用：

// 扩展方法定义
extension FontSizeAdapt on num {
  /// 输入Android端的dp值，返回适配后的Flutter fontSize
  /// [followSystemScale] ：是否跟随系统字体缩放，和Android端配置对齐即可
  double dpToFontSize({bool followSystemScale = false}) {
    if(followSystemScale) {
      return this * MediaQueryData.fromWindow(WidgetsBinding.instance.window).textScaleFactor;
    }
    return toDouble();
  }
}

// 使用示例
Text(
  '测试文本',
  style: TextStyle(
    // Android端对应文字大小为16dp，不需要跟随系统缩放
    fontSize: 16.dpToFontSize(followSystemScale: false)
  ),
)

一致性验证技巧 #

在同一台测试设备上分别显示Android原生和Flutter的同参数文字，截图后放大对比文字上下边缘的位置，偏差不超过1物理像素即为对齐完成。

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