技巧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移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

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

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

建议

当我们出去找工作,或者准备找工作的时候,我们一定要想,我面试的目标是什么,我自己的技术栈有哪些,近期能掌握的有哪些,我的哪些短板 ,列出来,有计划的去完成,别看前两天掘金一些大佬在驳来驳去 ,他们的观点是他们的,不要因为他们的观点,膨胀了自己,影响自己的学习节奏。基础很大程度决定你自己技术层次的厚度,你再熟练框架也好,也会比你便宜的,性价比高的替代,很现实的问题但也要有危机意识,当我们年级大了,有哪些亮点,与比我们经历更旺盛的年轻小工程师,竞争。

  • 无论你现在水平怎么样一定要 持续学习 没有鸡汤,别人看起来的毫不费力,其实费了很大力,这四个字就是我的建议!!!!!!!!!

  • 准备想说怎么样写简历,想象算了,我觉得,技术就是你最好的简历

  • 我希望每一个努力生活的it工程师,都会得到自己想要的,因为我们很辛苦,我们应得的。

  • 有什么问题想交流,欢迎给我私信,欢迎评论

【附】相关架构及资料

Android高级技术大纲

面试资料整理

内含往期Android高级架构资料、源码、笔记、视频。高级UI、性能优化、架构师课程、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter全方面的Android进阶实践技术

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

码、笔记、视频。高级UI、性能优化、架构师课程、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter全方面的Android进阶实践技术**

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐