Flutter
Flutter
detachment_w
这个作者很懒,什么都没留下…
展开
-
Flutter(11) — Platform Channel通信(下)
Flutter(11)— Platform Channel通信(下)向Android发送数据类图Dart发送数据Android处理消息依赖关系Android返回结果Platform Channle 通信流程图Channel和编解码MethodChannelEventChannelBasicMessageChannel系统Channel向Android发送数据前面一篇已经介绍了Android主动向Flutter发送数据请求的流程,这一篇主页看看Flutter向Android发送数据的流程。有了前面的基础,转载 2020-09-15 17:24:23 · 627 阅读 · 0 评论 -
Flutter(10) — Platform Channel通信(上)
Flutter(10)— Platform Channel通信(上)Platform Channel DemoFlutter -> AndroidAndroid提供服务:Flutter请求:Android -> FlutterFlutter提供服务:Android请求:BinaryMessenger向Flutter发送数据DartMessenger创建结构发送数据PaltformViewShellEngineDart接收消息回调Dart的处理函数监听和回调结果返回总结Platform Chan转载 2020-09-15 14:18:34 · 824 阅读 · 0 评论 -
Flutter(9) — Flutter应用执行
Flutter(9)— Flutter应用执行运行Flutter程序1. 创建AssetManager2. 创建配置信息3. 运行Engine执行程序1. UpdateAssetManager2. 获取isolate3. prepareIsolate4. 运行Isolate总结前面已经分析完了Flutter程序初始化的的过程,当FlutterView创建完成之后,Engine已经准备好了。这个时候FlutterView被设置到Activity上,并且增加了对应的LaunchView。然后FlutterAc转载 2020-09-14 21:08:34 · 677 阅读 · 0 评论 -
Flutter(8) — Flutter Engine初始化(下)
Flutter(8)— Flutter Engine初始化(下)Shell对象创建DartVM创建Shell创建PlatformViewJava层的SurfaceView创建IOManager创建Rasterizer创建Engine设置成员变量总结下图是AndroidShellHolder中创建Shell和PlatformView的流程,其实接着上一篇图的第13步,但是图太大了不好显示,就拆分开了。前一篇主要关注APP初始化到创建AndroidShellHolder的过程,而这一篇主要关注在创建Sehll转载 2020-09-14 15:45:37 · 1031 阅读 · 0 评论 -
Flutter(7) — Flutter Engine初始化(上)
Flutter(7)— Flutter Engine初始化(上)一、准备Flutter Engine源码看源码工具VSCode相关插件语言问题二、Flutter Engine初始化1. 启动过程的Native初始化A. 加载Flutter EngineB. 第一个native方法C. NativeInit2. FlutterView中的Native操作三、总结前面三篇文章我们通过Flutter Demo程序,从程序的初始化开始,到MainActivity的初始化(FlutterActivity),然后到F转载 2020-09-14 13:32:32 · 2796 阅读 · 0 评论 -
Flutter(6) — FlutterView初始化
Flutte(6)— FlutterView初始化一、FlutterView 类结构成员变量二、FlutterView创建1. 创建FlutterNativeView2. 创建成员变量3. 配置平台Plugin和Channel三、执行Flutter程序四、其他功能生命周期触屏事件处理和Flutter通信五、总结前面一篇介绍了承载Flutter的Activity的初始化过程,通过分析FlutterActivityDelegate我们知道了FlutterView是真正运行Flutter App的地方,所以这一转载 2020-09-13 17:44:13 · 3304 阅读 · 0 评论 -
Flutter(5) — 页面初始化
Flutter学习系列(5)— 页面初始化一、MainActivity二、FlutterActivityFlutterActivity的代理模式PluginRegistryFlutterViwe.ProviderFlutterActivityDelegate.ViewFactory三、FlutterActivityDelegateActivity创建流程一、Flutter Engine初始化二、创建FlutterView三、运行Flutter Bundle其他生命周期四、总结前面一篇介绍了Flutter转载 2020-09-13 12:30:41 · 2139 阅读 · 0 评论 -
Flutter(4) — 程序初始化
Flutter(4) — 程序初始化一、Android项目结构二、Flutter Engine三、程序初始化FlutterMaininitConfiginitAotinitResourcesAPK和本地文件四、总结前面已经简单看过一个全新的Android Flutter应用程序的创建、编译以及安装包的结构。现在可以来看看Flutter程序是如何在Android上运行的。分析的应用程序是之前使用flutter create创建的Demo。功能就是点击界面上的【+】,然后界面上的数字递增显示。 我们只打开其中转载 2020-09-13 10:47:46 · 1534 阅读 · 0 评论 -
Flutter(3) — 编译和运行
Flutter(3)— 编译和运行一、创建Flutter应用二、运行Flutter程序三、编译Flutter程序四、安装包结构五、总结一、创建Flutter应用如果使用Android Studio 或者Visual Studio Code 可以从IDE中创建一个新Flutter应用程序,以AS为例,这里可以创建四种类型的项目。当然也可以使用Flutter命令从命令行创建,通过help命令可以看有那些参数, 一般按下面命令就可以创建一个新的flutter项目flutter create --help转载 2020-09-12 11:31:03 · 2910 阅读 · 1 评论 -
Flutter(2) — 安装SDK
Flutter(2)— 安装SDK一、获取Flutter SDK二、安装SDK和环境配置三、SDK初探flutter命令channelversion目录packages目录dev目录bin目录cache目录dart-sdk目录bin目录pkg目录artifactsdownloads目录四、总结这一篇主要介绍一下Flutter的SDK环境搭建,网上关于环境搭建的文章很多,但是介绍基本都没有介绍SDK里有些什么。本文以Mac上安装为例,因为主要涉及到SDK内部,所以和其他平台应该是一致的。官方的安装文档:转载 2020-09-12 00:27:55 · 3971 阅读 · 0 评论 -
Flutter(1) — 入门
Flutter(1)— 入门一、 Flutter是什么二、Flutter架构三、Flutter Widget四、总结Flutter应该是目前前端很火热的一个词了,移动端的发展从Web到H5、到Native APP、到Hybrid、到React Native,然后到现在的Flutter。所有一起都是为了解决移动端需求的快速迭代、快速更新、减少三端的重复开发量。去年年初就开始大概了解了一下Flutter,前年也是看了一段RN,只是没有很深入,因为工作上也没用的上。所以这次打算边学边记录学习一门新的技术,并不转载 2020-09-11 21:26:59 · 185 阅读 · 0 评论 -
Flutter:图片控件开发详解
Flutter:图片控件开发详解Image widget如何加载网络图片?如何加载静态图片,以及处理不同分辨率的图片?如何加载本地图片?加载完整路径的本地图片加载相对路径的本地图片如何设置placeholder?从内存中加载placeholder从本地资源中加载placeholder如何配置图片缓存?如何加载Icon?使用Icons使用自定义的IconImage widgetFlutter中一个用来展示图片的widget。Image支持如下几种类型的构造函数:new Image - 用于从Imag转载 2020-07-14 21:16:54 · 314 阅读 · 0 评论 -
Flutter :Expected a key while parsing a block mapping
添加asset 文件夹增加图片资源的时候,出现了以下错误:解决方式:只需要将assets 的声明跟上面的对齐就行。解决后:原创 2020-07-13 23:08:58 · 399 阅读 · 0 评论 -
flutter项目无法运行到夜神模拟器的解决方案
flutter项目无法运行到夜神模拟器的解决方案cmd 下输入命令行 adb versionmd 定位到夜神模拟器安装目录bin下 ,输入命令行 adb version发现两个adb的版本不一致,这直接导致了flutter项目无法识别夜神模拟器。解决方案copy AndroidSDK目录下的 platform-tools 下的 adb.exe 到 Nox \ bin下,并重命名为nox_adb.exe 进行替换。...原创 2020-07-13 05:00:56 · 1642 阅读 · 1 评论 -
Windows环境下搭建Flutter开发环境
Windows环境下搭建Flutter开发环境各步骤截图使用镜像系统要求获取Flutter SDK更新环境变量运行 flutter doctor编辑器设置Android设置安装Android Studio设置您的Android设备设置Android模拟器所有的相关博客,肯定都是参考的官网的教程,这是官网该教程地址:入门: 在Windows上搭建Flutter开发环境,我这里就主要放一下window环境下各个步骤的主要截图,毕竟官网步骤都比较简洁,有的同学可能不知道每句话具体什么意思。参考官网和我的截图自己原创 2020-07-11 22:17:10 · 543 阅读 · 0 评论