-
待整理内容
目录 待整理待整理1、channel 的调用与回调2、future 的用法3、go_router的使用…
-
Flutter调试失败
目录 Flutter调试失败Flutter调试失败1、FLUTTER_BUILD_MODE是否设置了Debug2、电脑和手机是否连接了同一网络(是否影响还不确定)3、如果运行了 flutter attach –app-id com.lixiaoyi.demo –verbose 一直处在等待vm service … 在不停止attach指令的情况下，可以在xcode杀掉app，再重新启动试一试…
-
重点收集⭐️
目录 如何在不同的项目使用不同的flutter sdk A push B 的时候为什么会调用A的build方法 flutter的页面栈，如何拦截手势返回如何在不同的项目使用不同的flutter sdk一、安装 direnv// 通过 brew 安装 brew install direnv// 并在 shell 中启用（zsh）：echo 'eval "$(direnv hook zsh)"' >> ~/.zshrc// 重新加载：source ~/.zshrc二、创建...…
-
状态管理️
目录 InheritedWidgetInheritedWidget一、介绍7.2 数据共享（InheritedWidget）InheritedWidget提供了一种在 widget 树中 从上到下共享数据的方式。 Flutter SDK中正是通过 InheritedWidget 来共享应用主题（Theme）和 Locale (当前语言环境)信息的。我们创建一个继承自InheritedWidget 的 ShareDataWidgetclass ShareDataWidget exten...…
-
flutter中的路由⭐
目录 一个路由系统应该具有什么样的功能 iOS 和 flutter 混合路由的搭建一个路由系统应该具有什么样的功能 功能 说明 举例 页面跳转 跳转到指定页面(页面入栈)带参数跳转新页面位于栈顶 页面返回 栈顶页面出栈能够向上一级页面传递参数 路由拦截 跳转新页面之前进行拦截返回上一级页面之前进行拦截 ...…
-
混合应用创建与调试⭐️
目录 iOS 与 Flutter module 混合应用 调试iOS 与 Flutter module 混合应用内容待整理启动与调试一、启动1、iOS 端加载 Flutter module App 启动时或某个特定页面打开时，初始化 Flutter 引擎（FlutterEngine）。 Flutter engine 启动后，就会载入并执行dart代码(调用main函数)。2、iOS 启动 Dart VM Service 服务 F...…
-
flutter与原生应用⭐️
目录 flutter页面的加载 channel的调用流程 Plugin介绍 鸿蒙与flutter的相互调用flutter页面的加载以DF应用为例+ (instancetype)getFlutterViewControllerWithEntryPoint:(NSString *)entryPoint params:(NSDictionary *)params { // 初始化一个新的 FlutterEngine，并为其分配一个唯一的名称。 // 通过这种方式，可以创建多个...…
-
flutter命令介绍
目录 flutter - -version flutter build iosflutter - -version一、介绍 //官方解释： Reports the version of this tool. flutter --version // 下面是输出的版本信息 Flutter 3.7.12 • channel stable • https://github.com/flutter/flutter.gitFramework • revision 4d9e56e694...…
-
flutter环境配置
见这篇文章 Mac中flutter环境配置：https://jianghuhike.github.io/12213.html 行者常至，为者常成！…
-
16 热更新
1、研究基于 Flutter Shorebird 热更新支持中国区域的问题 2、Embed a Flutter module in your iOS app - Use frameworks 3、Code Push for iOS Hybrid Apps 4、快速集成 Flutter Shorebird 热更新目录 shorebird的安装使用 对原有工程的改造 实现热更新shorebird的安装参考官方文档(上面的参考文章3、4)，有很详细的注册、登录、初始化、发布、发布...…
-
15 热重载
目录 原理 手动启动tools平台原理Flutter Dart – DartVM(AOT JIT)Dart代码 – Tools热重载平台 – DartVM – flutter引擎Tools平台的路径：flutter - packages - flutter_tools手动启动tools平台热重载的挂载 配置tools的路径和要挂载的工程 如果启动失败配置下dartsdk的路径 配置好以后就可以启动tools平台了，这时我们去修改我们工程内的代码，然后在tools...…
-
14 package开发
参考文章：开发Packages和插件常用命令目录 package的创建 plugin的创建package的创建一、创建于发布flutter create --template=package 'package_name'目录结构如下：所有的有用的资源都要放在lib目录下 上传到pub.dev需要谷歌账号发布环境测试pub publish --dry-run 发布: 发布过程中终端会给出一个授权链接，打开授权链接登录即可完成授权需要梯子 需要指定服务器发布否...…
-
13 flutter channel
目录 channel的创建 channel回调的实现 channel的codecchannel的创建channel的创建需要两个参数 name：channel的唯一标识 binaryMessenger:消息信使，用于消息的接收和发送,可以传入FlutterViewController的实例+ (instancetype)methodChannelWithName:(NSString*)name binaryMessenger:(NSObj...…
-
12 flutter engine
参考:Flutter混合栈管理方案对比目录 介绍 depot_tools 引擎复用介绍一、介绍app.framework 就是dart代码Flutter.framework 就是引擎，很多大公司的二开比如热更新，就是在这个framework的基础上进行的引擎在flutter sdk中的位置 /opt/flutter/bin/cache/artifacts/engine/ios/Flutter.xcframework/ios-arm64/Flutter.framewor查看当前的en...…
-
11 混合开发
目录 介绍 GlobalKey介绍一、混合开发Flutter项目调用原生的某些功能原生项目里面包含Flutter模块FlutterViewController 创建再销毁之后会有8M的内存泄露 所以Flutter与原生页面之前不适合来回切换,FlutterViewController应该常驻内存让flutter给原生传递数据，原生应该提供一个方法让flutter来调用，通过方法的参数把数据传过来 原生调用flutter也是同样的道理Flutter调用原生// flutter 侧代码...…
-
10 key⭐️
目录 LocalKey GlobalKeyLocalKey1、说明 LocalKey（ValueKey）只在同一个父节点下生效， diff 范围：updateChildren() 的 兄弟节点数组。 查找成本：O(n)，范围小2、无 Key（index 驱动）oldWidgets: [A, B, C]newWidgets: [D, A, B, C]Element 变化图EA(StateA - A) → (StateA - D)EB(StateB - B) → (StateB ...…
-
9 重要方法⭐️
目录 didUpdateWidget：什么时候会被调用？ update相关方法 didChangeDependenciesdidUpdateWidget：什么时候会被调用？一、触发的完整条件1、父 widget 触发 rebuild 2、Flutter 决定「复用旧 Element」 3、新 widget != old widget（配置发生变化） 少一个都不会进 didUpdateWidget如果widget是 const 修饰，不会进入该...…
-
三棵树和渲染原理⭐️⭐️
目录 Widget介绍 三棵树 是如何更新的 一个典型示例 结合三棵树来说说CPU和GPU是如何工作的 iOS原生渲染和Flutter渲染有什么不同⭐️Widget介绍一、Widget的种类按继承关系分类 维度 StatelessWidget StatefulWidget RenderObjectWidget ProxyWidget 是否有状态 ❌ 无 ✅ 有（S...…
-
Future的用法⭐️
目录 普通用法 async和await 依赖分析 使用场景 Future.await的使用 微任务普通用法future的使用void futureUse1() { print('1'); Future(() { print('异步任务'); }); print('2'); /* flutter: 1 flutter: 2 flutter: 异步任务 */}future的使用void futureUse3() { print('1'); F...…
-
6 布局
目录 普通布局 横向布局 纵向布局普通布局Alignment(0.0, 0.0),flutter的坐标原点在屏幕中间。(-1,-1)是左上角Container( color: Colors.green, width: 300, height: 300, alignment: const Alignment(0, 0), child: Container( color: Colors.blue, height: 150, child: const Aspec...…
