![](https://img-blog.csdnimg.cn/4e224c6c90a2446ab7330adbd2547ccd.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Flutter
文章平均质量分 94
Flutter相关内容笔记。
川峰
8年+Android相关工作经验。专注于移动开发领域。
展开
-
Flutter 笔记 | GetX
现在Flutter的状态管理方案很多,redux、bloc、state、provider、Getx。provider是官方提供的状态管理解决方案,主要功能就是状态管理。Getx是第三方的状态管理插件,不仅具有状态管理的功能,还具有路由管理、主题管理、国际化多语言管理、Obx局部更新、网络请求、数据验证等功能,相比其他状态管理插件Getx 简单、功能强大并且高性能。简单来讲,GetX相比原始和其他方案的最大优点就是使用简单方便,功能丰富,且提供从头到脚的全家桶式的功能API。 GetX 主要有三大主要功能原创 2023-06-06 12:00:00 · 2543 阅读 · 0 评论 -
Flutter 学习笔记汇总
Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,Flutter 学习笔记汇总,F原创 2023-06-07 08:00:00 · 933 阅读 · 0 评论 -
Flutter 笔记 | Best Practice Tips for Flutter
Best Practise Tips for Flutter,Best Practise Tips for Flutter,Best Practise Tips for Flutter,Best Practise Tips for Flutter,Best Practise Tips for Flutter,Best Practise Tips for Flutter,Best Practise Tips for Flutter,Best Practise Tips for Flutter,Best Pra原创 2023-06-06 08:00:00 · 340 阅读 · 0 评论 -
Flutter 笔记 | Flutter 核心原理(七)The key is the key!
Key在Flutter的源码中几乎无处不在,但在日常开发中鲜有涉及。用官方的话来说,Key的使用场景是:你需要将一系列类型相同并持有不同状态(State)的Widget进行增加、移除和排序。在处理集合中的Widget时,为它们提供key可以帮助Flutter了解相同类型的两个Widget何时实际上不同。这对于多子组件的Widget特别有用。通常,就像在我们上面的示例中一样,当一行或列中的所有子节点都是同一类型时,最好给Flutter一个额外的信息来区分,Key主要分为GlobalKey和LocalKey原创 2023-06-05 08:00:00 · 666 阅读 · 0 评论 -
Flutter 笔记 | Flutter 核心原理(六)Embedder 启动流程(Android)
Embedder是Flutter接入原生平台的关键,其位于整个Flutter架构的底层,负责Engine的创建、管理与销毁,同时也为Engine提供绘制UI的接口,那么底层的实现细节如何?本文将详细分析。在Embedder中,FlutterActivity和FlutterFragment是开发者最常接触的类,例如默认生成的Counter App中,MainActivity正是继承自FlutterActivity,这两个类的父类Activity和Fragment是Android中常见的用于实现一屏UI的单位,原创 2023-06-02 08:00:00 · 882 阅读 · 0 评论 -
Flutter 笔记 | Flutter 核心原理(五)Box 布局模型和 Sliver 布局模型
Flutter Box 布局模型和 Sliver 布局模型,Flutter Box 布局模型和 Sliver 布局模型,Flutter Box 布局模型和 Sliver 布局模型,Flutter Box 布局模型和 Sliver 布局模型,Flutter Box 布局模型和 Sliver 布局模型,Flutter Box 布局模型和 Sliver 布局模型,Flutter Box 布局模型和 Sliver 布局模型,Flutter Box 布局模型和 Sliver 布局模型,Flutter Box 布局模型原创 2023-06-01 07:30:00 · 1099 阅读 · 0 评论 -
Flutter 笔记 | Flutter 核心原理(四)绘制流程
Flutter中和绘制相关的对象有三个,分别是Canvas、Layer 和 Scene:Canvas:封装了 Flutter Skia 各种绘制指令,比如画线、画圆、画矩形等指令。Layer:分为容器类和绘制类两种;暂时可以理解为是绘制产物的载体,比如调用 Canvas 的绘制 API 后,相应的绘制产物被保存在 PictureLayer.picture 对象中。Scene:屏幕上将要要显示的元素。在上屏前,我们需要将Layer中保存的绘制产物关联到 Scene 上。Flutter 绘制流程:原创 2023-05-31 07:30:00 · 1270 阅读 · 0 评论 -
Flutter 笔记 | Flutter 核心原理(三)布局(Layout )过程
Layout(布局)过程主要是确定每一个组件的布局信息(大小和位置),Flutter 的布局过程如下:父节点向子节点传递约束(constraints)信息,限制子节点的最大和最小宽高。子节点根据约束信息确定自己的大小(size)。父节点根据特定布局规则(不同布局组件会有不同的布局算法)确定每一个子节点在父节点布局空间中的位置,用偏移 offset 表示。递归整个过程,确定出每一个节点的大小和位置。可以看到,组件的大小是由自身决定的,而组件的位置是由父组件决定的。原创 2023-05-30 16:36:16 · 2678 阅读 · 0 评论 -
Flutter 笔记 | Flutter 核心原理(二)关键类和启动流程
Flutter中的关键类Widget、Element、BuildContext 和 RenderObject,Flutter中的启动流程,Flutter中的根节点构建流程,Flutter中的首诊渲染流程,Flutter中的渲染管线,Flutter中的关键类Widget、Element、BuildContext 和 RenderObject,Flutter中的启动流程,Flutter中的根节点构建流程,Flutter中的首诊渲染流程,Flutter中的渲染管线,Flutter中的关键类Widget、Eleme原创 2023-05-30 11:59:38 · 914 阅读 · 0 评论 -
Flutter 笔记 | Flutter 文件IO、网络请求、JSON、日期与国际化
Flutter 笔记 | Flutter 文件IO、网络请求、JSON、日期与国际化,Flutter 笔记 | Flutter 文件IO、网络请求、JSON、日期与国际化Flutter 笔记 | Flutter 文件IO、网络请求、JSON、日期与国际化Flutter 笔记 | Flutter 文件IO、网络请求、JSON、日期与国际化Flutter 笔记 | Flutter 文件IO、网络请求、JSON、日期与国际化Flutter 笔记 | Flutter 文件IO、网络请求、JSON、日期与国际化Flu原创 2023-05-29 15:43:09 · 1546 阅读 · 0 评论 -
Flutter 笔记 | Flutter 自定义组件
Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定义组件,Flutter自定原创 2023-05-29 00:00:53 · 2587 阅读 · 0 评论 -
Flutter 笔记 | Flutter 动画
Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutter动画,Flutte原创 2023-05-28 19:25:50 · 1102 阅读 · 0 评论 -
Flutter 笔记 | Flutter 事件与通知
Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flutter 事件与通知,Flut原创 2023-05-28 15:49:15 · 1788 阅读 · 0 评论 -
Flutter 笔记 | Flutter 功能性组件
Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能性组件,Flutter功能原创 2023-05-26 14:38:23 · 1613 阅读 · 0 评论 -
Flutter 笔记 | Flutter 可滚动组件
Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚动组件,Flutter可滚原创 2023-05-26 08:00:00 · 4241 阅读 · 0 评论 -
Flutter 笔记 | Flutter 布局组件
Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flutter布局组件,Flut原创 2023-05-25 11:03:34 · 1545 阅读 · 0 评论 -
Flutter 笔记 | Flutter 基础组件
Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基础组件,Flutter 基原创 2023-05-24 11:02:00 · 2373 阅读 · 2 评论 -
Flutter 笔记 | Flutter 中的路由、包、资源、异常和调试
Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内原创 2023-05-21 08:00:00 · 1644 阅读 · 1 评论 -
Flutter 笔记 | Flutter 容器组件
Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flutter容器组件,Flut原创 2023-05-25 14:36:29 · 1593 阅读 · 0 评论 -
Flutter 笔记 | Flutter Native 插件开发 (Android)
BasicMessageChannel、 MethodChannel、 EventChannel是开发者和 Flutter Framework 进行通信的接口,它们的底层通信都是通过 messenger 字段所持有的BinaryMessenger接口来实现的。Platform view 允许将原生视图嵌入到 Flutter 应用中,所以您可以通过 Dart 将变换、裁剪和不透明度等效果应用到原生视图。Flutter 支持两种集成模式:虚拟显示模式 (Virtual displays) 和混合集成模式 (原创 2023-05-20 08:00:00 · 2058 阅读 · 0 评论 -
Flutter 笔记 | Flutter 核心原理(一)架构和生命周期
简单来讲,Flutter 从上到下可以分为三层:框架层、引擎层和嵌入层,下面我们分别介绍:1. 框架层Flutter Framework,即框架层。这是一个纯 Dart实现的 SDK,它实现了一套基础库,自底向上,我们来简单介绍一下:底下两层(Foundation 和 Animation、Painting、Gestures)在 Google 的一些视频中被合并为一个dart UI层,对应的是Flutter中的dart:ui包,它是 Flutter Engine 暴露的底层UI库,提供动画、手势及原创 2023-05-19 07:43:35 · 3207 阅读 · 0 评论 -
Dart整理笔记 | Dart参考手册
Dart是一个强类型语言,任何变量都是有确定类型的。在Dart中,当用var声明一个变量后,Dart在编译时会根据第一次赋值数据的类型来推断其类型,编译结束后其类型就已经被确定。比如上面的name已经被确定为String类型,不能在给它赋值其他的类型,否则会报错。(这个行为和kotlin一致)原创 2023-05-16 19:01:21 · 2327 阅读 · 0 评论 -
Flutter学习笔记&学习资料推荐
对Flutter的学习已经有一段时间了,这里做一下总结记录吧,可能主要是学习资料的总结,还有一些杂七杂八的学习笔记。 Flutter 初体验 先说说对Flutter的感受吧,总的来说上手还是比较容易的,因为他的思想理念跟React十分相似,都是通过状态管理控制UI界面的更新,甚至连setState的方法名都是一样的,如果你是学习过类似React的框架的话,将很容易理解,基本可以直接开撸。但是它有好的地方,也有不好的地方。 好的地方:一个是它的reload热加载到手机,这样写代码调试的时候不用每次运行.原创 2020-09-18 22:11:18 · 3381 阅读 · 4 评论