Flutter中逻辑像素有什么用？Container的width:100是逻辑像素吗？

核心结论 #

你在组件尺寸属性（比如Container的width/height）中填写的数值，全部为逻辑像素，Flutter会自动完成逻辑像素到设备物理像素的转换，不需要开发者手动处理换算逻辑。

逻辑像素的实际作用 #

• 屏蔽设备像素密度差异：不同设备的物理像素密度差距极大，从1倍密度的低端设备到3倍、4倍密度的旗舰机不等，逻辑像素作为统一的尺寸单位，可以保证你写的100宽度，在不同设备上的视觉感知大小基本一致，不会出现高密度屏上控件过小、低密度屏上控件溢出的问题
• 简化跨端开发成本：同一套尺寸代码运行在Android、iOS、Web、桌面端时，不需要针对不同平台、不同分辨率单独写适配规则，框架会自动适配。

代码示例说明 #

你提到的代码片段：

Container(
  width:100,
  child:...
)

其中width: 100对应的就是100逻辑像素。渲染时Flutter会自动读取当前设备的像素比参数计算实际物理像素：比如在像素比为2的设备上，实际渲染的物理像素宽度为200px；在像素比为3的设备上，实际渲染的物理像素宽度为300px，整个过程完全自动，不需要开发者额外处理。

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