Flutter 中获取屏幕以及 Widget 的宽高，Android春招实习面试经验汇总

appBar: AppBar(

title: Text(‘Width & Height’),

),

body: Center(

child: Container(

color: Colors.redAccent,

width: width / 2,

height: height / 2,

),

),

);

}

}

运行效果及输出如下：

flutter: width is 414.0; height is 896.0

上述代码中，我们获取的是 MaterialApp 的宽高，也就是屏幕的宽高

还有一种是直接使用 dart:ui 包中的 window 对象（这里非常感谢 XuYanjun Android @ 苏宁 提出的方法），这种方法使用起来也比较简单，如下：

import ‘dart:ui’;

final width = window.physicalSize.width;

final height = window.physicalSize.height;

那么如果我们要需要知道上述红色的 Container 容器的宽高怎么办呢？这里我们可以使用 GlobalKey

GlobalKey

使用 GlobalKey 的步骤如下：

1. 声明一个 GlobalKey final GlobalKey globalKey = GlobalKey();

2. 给 widget 设置 GlobalKey key: globalKey

3. 通过 globalKey 来获取该 widget 的 size

final containerWidth = globalKey.currentContext.size.width;

final containerHeight = globalKey.currentContext.size.height;

print(‘Container widht is $containerWidth, height is $containerHeight’);

修改过后的 HomePage 代码如下：

class HomePage extends StatelessWidget {

final GlobalKey globalKey = GlobalKey();

void _getWH() {

final containerWidth = globalKey.currentContext.size.width;

final containerHeight = globalKey.currentContext.size.height;

print(‘Container widht is $containerWidth, height is $containerHeight’);

}

@override

Widget build(BuildContext context) {

final size = MediaQuery.of(context).size;

final width = size.width;

final height = size.height;

print(‘width is $width; height is $height’);

return Scaffold(

appBar: AppBar(

title: Text(‘Width & Height’),

),

body: Center(

child: Container(

key: globalKey,

color: Colors.redAccent,

width: width / 2,

height: height / 2,

),

),

floatingActionButton: FloatingActionButton(

onPressed: _getWH,

child: Icon(Icons.adjust),

),

);

}

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

最后

光有这些思路和搞懂单个知识的应用是还远远不够的，在Android开源框架设计思想中的知识点还是比较多的，想要搞懂还得学会整理和规划：我们常见的**Android热修复框架、插件化框架、组件化框架、图片加载框架、网络访问框架、RxJava响应式编程框架、IOC依赖注入框架、最近架构组件Jetpack等等Android第三方开源框架，**这些都是属于Android开源框架设计思想的。如下图所示：

这位阿里P8大佬针对以上知识点，熬夜整理出了一本长达1042页的完整版如何解读开源框架设计思想PDF文档，内容详细，把Android热修复框架、插件化框架、组件化框架、图片加载框架、网络访问框架、RxJava响应式编程框架、IOC依赖注入框架、最近架构组件Jetpack等等Android第三方开源框架这些知识点从源码分析到实战应用都讲的简单明了。

由于文档内容过多，篇幅受限，只能截图展示部分，更为了不影响阅读，这份文档已经打包在GitHub，有需要的朋友可以直接点此处前往免费下载。

整理不易，觉得有帮助的朋友可以帮忙点赞分享支持一下小编~

[外链图片转存中…(img-hVnvydTS-1711182025100)]

[外链图片转存中…(img-LbVfEHET-1711182025100)]

整理不易，觉得有帮助的朋友可以帮忙点赞分享支持一下小编~

你的支持，我的动力；祝各位前程似锦，offer不断！！！