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
相关产品推荐
相关产品推荐

