You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中如何使用dp单位?20dp的Container对应高度应设置为多少?

Flutter dp单位对应设置说明

Flutter 中使用的默认长度单位是逻辑像素,和安卓端的dp、iOS端的pt单位逻辑完全对齐,不需要你手动做单位换算。

你提到的标注为20dp的Container组件,直接给height属性赋值20即可,示例代码如下:

Container(
  height: 20, // 对应设计稿标注的20dp
  // 其余属性省略
)

补充注意点:

  • 逻辑像素会自动根据设备的像素密度做渲染适配,相同数值在不同密度的设备上视觉尺寸基本一致,和dp的设计目的完全匹配
  • 如果你没有在项目中接入全局尺寸适配类库(比如flutter_screenutil等),所有dp标注都可以直接按1:1的比例赋值给Flutter组件的尺寸属性
  • 若使用了适配类库,按照类库要求的封装方法传入对应dp值即可,比如部分适配库要求写成20.dp或者20.h的格式,这一点结合你项目的技术选型调整就行

内容的提问来源于stack exchange,提问作者helloitsme3

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.29 06:06:03