Flutter:实战技巧
技巧3:获取状态栏高度和禁止字体缩放
==================
一般我们可以通过 MediaQuery.of(context).size 获取到屏幕的大小,另外,在 MediaQuery 内部有一个 MediaQueryData 的参数,这个参数保存了很多设备的相关信息,如其中的 padding.top 代表了状态栏的高度,所以通过如下代码的方式,就可以在需要的地方获取到状态栏高度并且不需要 context:
MediaQueryData.fromWindow(WidgetsBinding.instance.window).padding.top
如果在开发的时候发现有些控件是从状态栏开始布局的,可以在外层包一个 SafeArea,而 SafeArea 内部就是利用 MediaQueryData,针对顶部状态栏和 iPhone X 以上机型的底部安全距离做了 padding 处理,在默认情况下 Scaffold 的 AppBar 内部就使用了 SafeArea。
MediaQueryData 还可以处理字体缩放。在 MediaQueryData 内的 textScaleFactor 表示系统字体的缩放信息,默认大小是跟随系统而变化的。
如果不希望应用跟随系统字体缩放而缩放,可以在需要的页面下进行嵌套设置,将 textScaleFactor 设置为 1 来禁止应用内的字体缩放:
MediaQuery(
data: MediaQueryData.fromWindow(WidgetsBinding.instance.window)
.copyWith(textScaleFactor: 1),
child: new Container(),
);
技巧4:实现页面异步加载
============
Flutter 可以通过 FutureBuilder 或者 StreamBuilder 简单实现页面的异步加载。
FutureBuilder 和 StreamBuilder 是通过 Future 和 Stream 获取数据后实现页面布局。如下代码所示:
import ‘package:flutter/material.dart’;
class Test extends StatelessWidget {
const Test({Key key}) : super(key: key);
Future mockNetworkData() async {
await Future.delayed(Duration(seconds: 3));
return “success”;
}
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: Scaffold(
body: Center(
child: FutureBuilder(
future: mockNetworkData(),
builder: (BuildContext context, AsyncSnapshot snapshot) {
// 根据结果返回不同页面
switch (snapshot.connectionState) {
case ConnectionState.none:
return Text(‘start…’);
case ConnectionState.active:
case ConnectionState.waiting:
return SizedBox(
width: 60,
height: 60,
child: CircularProgressIndicator(
valueColor:
new AlwaysStoppedAnimation(Color(0xff000000))),
);
case ConnectionState.done:
if (snapshot.hasError)
return Text(‘Error: ${snapshot.error}’);
return Text(‘Result: ${snapshot.data}’);
}
return null; // unreachable
},
),
),
),
);
}
}
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。





既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
建议
当我们出去找工作,或者准备找工作的时候,我们一定要想,我面试的目标是什么,我自己的技术栈有哪些,近期能掌握的有哪些,我的哪些短板 ,列出来,有计划的去完成,别看前两天掘金一些大佬在驳来驳去 ,他们的观点是他们的,不要因为他们的观点,膨胀了自己,影响自己的学习节奏。基础很大程度决定你自己技术层次的厚度,你再熟练框架也好,也会比你便宜的,性价比高的替代,很现实的问题但也要有危机意识,当我们年级大了,有哪些亮点,与比我们经历更旺盛的年轻小工程师,竞争。
-
无论你现在水平怎么样一定要 持续学习 没有鸡汤,别人看起来的毫不费力,其实费了很大力,这四个字就是我的建议!!!!!!!!!
-
准备想说怎么样写简历,想象算了,我觉得,技术就是你最好的简历
-
我希望每一个努力生活的it工程师,都会得到自己想要的,因为我们很辛苦,我们应得的。
-
有什么问题想交流,欢迎给我私信,欢迎评论
【附】相关架构及资料


内含往期Android高级架构资料、源码、笔记、视频。高级UI、性能优化、架构师课程、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter全方面的Android进阶实践技术
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
码、笔记、视频。高级UI、性能优化、架构师课程、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter全方面的Android进阶实践技术**
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
更多推荐



所有评论(0)