Flutter源码剖析(二):源码的阅读与调试环境配置

最新推荐文章于 2024-04-30 23:22:04 发布
最新推荐文章于 2024-04-30 23:22:04 发布
阅读量5.4k 收藏 15
点赞数 2
文章标签： android debug dart java js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45899674/article/details/109541928
版权
本文详细介绍了Flutter的源码阅读与调试环境配置，包括Framework、Embedder和Engine三个部分。针对每个部分，文章阐述了源码阅读的步骤，如在Android Studio和CLion中设置正确的项目结构，并解决了版本冲突问题。同时，文章还详细讲解了源码调试，如使用gdb和lldb，以及如何处理调试过程中的各种问题。最后，作者强调了良好的调试环境对于深入理解Flutter源码的重要性。
摘要由CSDN通过智能技术生成

综述

Flutter从架构上来说有3部分：

  • 用Dart写的Framework层，面向开发者

  • 用Java/Kotlin写的Embdder层（For Android，iOS是OC/Swift），纯Flutter App不需要关心

  • 用C++写的Engine层，提供Dart运行环境和底层绘制能力

针对每个部分，对应的源码阅读环境不同，调试方法也不同。

对于阅读环境，最重要的是能够正确地完成调用/定义的跳转。

对于调试环境，最重要的是能够设置断点，单步执行。

Framework环境配置

Framework的环境设置比较简单。

源码阅读

Framework的代码在 https://github.com/flutter/flutter 下面，直接Clone下来。

亲测安装了Flutter插件的Android Studio是最好的阅读工具，直接打开./packages/flutter 目录，然后flutter pub get即可。

这一步可能报错，主要是一些的版本冲突，按照信息解决即可。

源码调试

通过Flutter Acttach按钮即可开始调试，但是如果要调试启动部分的Dart代码，用Debug而不是Run来启动程序：

最低0.47元/天 解锁文章
vimerzhao
关注
flutter生成源代码_Flutter源码剖析(一):源码获取与构建
weixin_39802969的博客
12-22 350
概述本文介绍了Flutter源码的获取与构建，后面会另有文章介绍Flutter源码的版本管理、开发环境搭建等主题。准备工作Flutter源码分为两个部分：flutter/flutter是框架层，为开发者提供各种接口，主要是dart代码。flutter/engine是引擎层，负责Flutter的渲染以及宿主的交互。源码下载flutter/flutter可以直接通过git下载，但是flutter/en...
Flutter源码剖析(一):源码获取与构建
苟不利包子
11-01 1596
概述 本文介绍了Flutter源码的获取与构建，后面会另有文章介绍Flutter源码的版本管理、开发环境搭建等主题。准备工作 Flutter源码分为两个部分：flutter/flutte...
Flutter 路由源码解析
weixin_34389926的博客
03-17 207
前言 这是博客《Flutter路由 - Navigator 》的番外篇，如果你没有看过主篇真的不建议你直接看这篇文章，因为它真的炒鸡炒鸡枯燥乏味…… 不讲客套话啦，我们分别从Navigator的push和pop两个方法去探索源码以及一些重要的细节。 push 当我们想要push一个Page在界面上时，我们可以调用如下代码： Navigator.push( context, PageRout...
Flutter启动流程源码分析
weixin_33671935的博客
04-04 567
前言 相信大家在学习Flutter的开始阶段都看过Flutter的架构图，如下 我们知道Flutter的应用层代码由Dart编写，Framework层提供了一系列Widget和其它API，那么这些Dart编写的代码是如何在特定平台上执行的呢，这就要从Flutter的启动过程说起了，了解了Flutter的启动过程，这个问题便迎刃而解。 我们通过架构图可以看出Embedder是由特定的平台实现，它其...
flutter 绘制源码解析
a611510的博客
04-14 1630
@protected void drawFrame() { //看上一章节 pipelineOwner.flushLayout(); //开始合成 pipelineOwner.flushCompositingBits(); //开始绘制 pipelineOwner.flushPaint(); if (sendFramesToEngine) { renderView.compositeFrame(); // this sends the bits to the GPU pip.
Flutter 笔记 | Flutter 中的路由、包、资源、异常和调试
川峰的博客
05-21 1676
Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内
Flutter 笔记 | Flutter Native 插件开发 (Android)
川峰的博客
05-20 2121
BasicMessageChannel、 MethodChannel、 EventChannel是开发者和 Flutter Framework 进行通信的接口，它们的底层通信都是通过 messenger 字段所持有的BinaryMessenger接口来实现的。Platform view 允许将原生视图嵌入到 Flutter 应用中，所以您可以通过 Dart 将变换、裁剪和不透明度等效果应用到原生视图。 Flutter 支持两种集成模式：虚拟显示模式 (Virtual displays) 和混合集成模式 (
Flutter 笔记 | Flutter 核心原理（一）架构和生命周期
川峰的博客
05-19 3252
简单来讲，Flutter 从上到下可以分为三层：框架层、引擎层和嵌入层，下面我们分别介绍： 1. 框架层 Flutter Framework，即框架层。这是一个纯 Dart实现的 SDK，它实现了一套基础库，自底向上，我们来简单介绍一下： 底下两层（Foundation 和 Animation、Painting、Gestures）在 Google 的一些视频中被合并为一个dart UI层，对应的是Flutter中的dart:ui包，它是 Flutter Engine 暴露的底层UI库，提供动画、手势及
Flutter实现动态化更新-技术预研
最新发布
2401_84537540的博客
04-30 483
webview增强【植入腾讯 X5内核，模型升级改造】UI库模板化各大厂动态化架构对比Fair是“58同城”为Flutter设计的动态化框架，通过Fair Compiler工具实现JSON配置和原生Dart源文件的自动转化，从而动态更新Widget Tree和State。使用介绍官方并没有维护pub上的Fair插件，我们需要去GitHub fork源码下来编写demo。准备一份配置好的JSON文件，然后直接调用FairWidget传入文件路径即可显示，非常简单。/// 基本使用),
flutter线上项目源码
09-28
一个小型flutter项目源码
flutter_gallery源代码
04-24
flutter_gallery源代码，包括dart语言的使用以及各种flutter包的使用
flutter写的知乎源码,更多详情请访问作者的github
12-18
flutter写的知乎源码,更多详情请访问作者的github,值得学习
flutter Navigation 源码分析
a611510的博客
05-18 229
文档描述 Flutter 有一个命令式路由机制，Navigatorwidget，和一个更惯用的声明式路由机制（类似于用于 widget 的 build 方法），Routerwidget。 这两个系统可以一起使用（实际上，声明式系统是使用命令式系统构建的）。 ..................
flutter入坑，透彻分析源码
m0_65145113的博客
12-14 231
2.获取Flutter SDK 获取Flutter SDK （点击下载） 3.环境配置 网上流传的大多数是Git命令配置，很装逼很拉风，但是做人得低调，所以这里我们写了两个配置方案，我才用的第二种方法： 方案A： git命令配置 （网上大多数教程是这样配置）: （1）打开gitbash，输入如下命令： git clone -b beta https://github.com/flutter/flutter.git export PUB_HOSTED_URL=https://pub.flutter-io..
Flutter Provider 源码分析
大灰狼的小绵羊哥哥的博客
06-01 535
回顾 Flutter State Management状态管理全面分析 上期我们对Flutter的状态管理有了全局的认知，也知道了如何分辨是非好坏，不知道也没关系哦，我们接下来还会更加详细的分析，通过阅读Provider源码，来看看框架到底如何组织的，是如何给我们提供便利的。 本期内容 通过官方我们已经知道其实Provider就是对InheritedWidget的包装，只是让InheritedWidget用起来更加简单且高可复用。我们也知道它有一些缺点，如 容易造成不必要的刷新 不支持跨页面(ro
Flutter源码初探-Wigdet
hey_xiaoge的博客
04-09 264
Flutter源码初探-Wigdet Flutter 的 Widget很轻量，仅仅只有4个成员方法，而值得我们关注的只有两个。 都是和Element相关。 /// 创建一个Element @protectedElement createElement() ///是否可以更新Element, 即不用重新创建。 static bool canUpdate(Widget oldWidget, Widg...
Flutter Android 工程结构及应用层编译源码深入分析
disrm84160的博客
03-31 708
最后这里放上我这段时间复习的资料，这个资料也是偶然一位朋友分享给我的，里面包含了腾讯、字节跳动、阿里、百度2020-2021面试真题解析，并且把每个技术点整理成了视频和PDF（知识脉络 + 诸多细节）。还有高级架构技术进阶脑图、高级进阶架构资料帮助大家学习提升进阶，这里我也免费分享给大家也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。一起互勉~《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！.png)
Flutter源码阅读分析：Framework层的启动
董小虫的专栏
04-29 840
在我之前的文章[Flutter源码阅读分析：引擎初始化与启动](https://blog.csdn.net/dongzhong1990/article/details/105678124)的最后，提到了在引擎启动时，会以“main”方法作为主入口函数，执行Dart代码。那么本片文章就从“main”方法着手，分析Dart Framework具体做了什么。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值