
Flutter
文章平均质量分 75
Flutter学习笔记
朝阳39
钟爱编程,偏前端开发,欢迎私信我加入EC尽享编程俱乐部共同学习,交流成长!
展开
-
flutter 之 Dart 异步编程【详解】
Dart是一种单线程模型的语言,通过将程序中耗时的任务尽量放在运行后期执行实现异步编程,具体依赖事件循环机制。事件循环共两个异步队列,分别是事件队列(eventqueue)和微任务队列(microtaskqueue)每当遇到耗时任务,就将它们放入异步队列,等其他任务执行完后,事件循环就会循环获取两个队列中的异步任务来执行。事件循环机制如下图:执行同步任务执行微任务(微任务清空前,事件将一直等待执行)执行事件微任务队列用来放入一些耗时相对较短的异步任务。通过调用async包下原创 2022-05-10 09:53:29 · 513 阅读 · 0 评论 -
flutter 布局管理【详解】
布局原理每个组件在渲染之前的布局过程具体可分为两个线性过程。首先从组件顶部向下传递布局约束,然后从底部向上传递布局信息。这两个线性过程会在元素树所引用的RenderObject树中完成,并且最终的布局信息将保存在RenderObject中。因此,当重新构建组件时,如果元素和RenderObject能够复用,那么同样可以使用和上次一样的布局信息。这种单向传递和保存信息的方式是Flutter布局性能优于其他框架的重要原因之一。RenderObject树由一个个RenderObject组合而成。当El.原创 2022-05-07 11:09:21 · 1082 阅读 · 0 评论 -
flutter 导航组件 AppBar (含顶部选项卡TabBar,抽屉菜单 drawer ,自定义导航图标)
AppBar 组件的结构AppBar 组件的代码AppBar( leading: Icon(Icons.home), // 导航图标 title: Text('AppBar Title'), // 页面标题 actions: <Widget>[ // 顶部菜单 IconButton( onPressed: () {}, icon: Icon(Icons.build), ), IconButton.原创 2022-05-06 17:37:26 · 2285 阅读 · 0 评论 -
flutter 创建项目、运行项目、项目目录
创建项目打开vscode输入 flutter 选择 New Project选择一个用于在里头创建项目的文件夹给项目取个名字(不要用大写),按回车即可。稍等一会,项目便会创建成功,输出下方内容,表示创建成功!运行项目启动模拟器点击右下角的 No Device选择搭建开发环境时,已创建好的模拟器若屏幕如上图,则模拟器未开机,点击开机即可调试项目(热加载)方便修改代码时,一旦保存便可实时看到修改效果打包安装项目在终端输入命令注意路径.原创 2022-04-26 21:48:44 · 2648 阅读 · 0 评论 -
flutter 架构、渲染原理、家族
Flutter 架构引擎层Skia 是独立的渲染引擎库,不依赖原生引擎库Dart 虚拟机包含了Dart中编译方式、垃圾回收等机制的实现Text 负责Flutter中文字的渲染框架层 Foundation层是框架层的最底层,主要定义了框架层的各类基础API,提供了上一层会使用到的工具类和方法接口等。 Animation层包含了Flutter中实现动画的相关类。Painting层中封装了Flutter引擎层提供的绘图接口,包括绘制图像、文本、阴影的功能以及自定画布等,Ges.原创 2022-04-26 17:57:31 · 2093 阅读 · 0 评论 -
flutter 搭建开发环境
1. 新增必要的用户和环境变量配置下载镜像PUB_HOSTED_URLhttps://pub.flutter-io.cnFLUTTER_STORAGE_BASE_URLhttps://storage.flutter-io.cn添加用户变量——让flutter命令全局可用PathC:\src\flutter\bin%ANDROID_HOME%\platform-tools%ANDROID_HOME%\tools添加系统变量——android 的相关配置Path.原创 2022-04-26 17:15:48 · 1483 阅读 · 0 评论