请问高度都不用适配么,能出一节讲手机尺寸适配的吗?

来源:6-5 封装可自定义样式的沉浸式导航栏NavigationBar

幽香绮罗仙品

2021-04-26

写回答

1回答

CrazyCodeBoy

2021-04-27

高度是有适配的:

var top = MediaQuery.of(context).padding.top;
return Container(
  width: MediaQuery.of(context).size.width,
  height: top + widget.height,
  child: widget.child,
  padding: EdgeInsets.only(top: top),
  decoration: BoxDecoration(color: _color),
);

NavigationBar的高度是由MediaQuery.of(context).padding.top和widget.height两部分组成,不同手机的padding.top是不同的,所以NavigationBar的高度不是固定的哦。

另外,手机尺寸的适配有个不错的插件可以使用,可以了解下:

https://pub.dev/packages/flutter_screenutil


2
1
幽香绮罗仙品
非常感谢!
2021-04-30
共1条回复

Flutter高级进阶实战-仿哔哩哔哩-掌握Flutter高阶技能

一次性掌握Flutter高阶技能+商业级复杂项目架构设计与开发方案

1723 学习 · 870 问题

查看课程