Google 为什么以 Flutter 作为原生突破口

最新推荐文章于 2024-05-19 20:36:14 发布
最新推荐文章于 2024-05-19 20:36:14 发布
阅读量1k 收藏 12
点赞数 20
分类专栏： 程序员 文章标签： flutter javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84003977/article/details/137196783
版权
  1. 热重载性: Android 原生开发 会遇到 编译-打包-安装 三部曲。开发效率迟迟得不到提升。热重载技术在 Flutter 内完美体现

Flutter 详细介绍

  1. Dart 语法编译: Dart 是一种强类型、跨平台的客户端开发语言。具有专门为客户端优化、高生产力、快速高效、可移植易学的风格。Dart 主要由 Google 负责开发和维护
  2. Flutter 插件: Flutter 使用的 Dart 语言无法直接调用 Android 系统提供的 Java 接口，这时就需要使用插件来实现中转。Flutter 官方提供了丰富的原生接口封装

Flutter 系统结构

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

Skia 图像处理引擎

  1. 2005 年 Skia 图像处理引擎成立，用来展示 Chrome 火狐 和其他 Google 自家的产品使用。
  2. 2007 年 第一个 Android 系统问世，于是 Google 开发者将 Skia 移植到 Android 平台。
  3. Skia 作为一个 2D 的图形系统，包括绘图，渲染，显示图片都是用 Skia 完成。

原生开发会接触 SKia 吗？

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

Skia 引擎详解

  • 疑问： 是真的吗？我只接触过 Bitmap,原来 Bitmap 下面还有很多奥秘

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

Skia 引擎与 Flutter 有什么关系勒？

  • 除了通过 xml 方式定义布局 或者继承View 显示在 Android 屏幕外还有没有方法呢？

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

为什么 Flutter 会实现三大特性

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

跨平台

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

性能优异

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

渲染流程

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

React 渲染与 Flutter 渲染相同点

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

React 渲染与 Flutter 渲染不同点
  1. 绘制树：ReactNative 基于 ReactShadow 的链式结构在内存中形成一个虚拟的 Dom 树，Flutter 是通过引擎实现不同图层的渲染方式。
  2. 机制不一样：ReactNative 最终被反射成原生控件，而 Flutter 是底层通过引擎直接渲染，不存在映射的说法。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

只要是程序员，不管是Java还是Android，如果不去阅读源码，只看API文档，那就只是停留于皮毛，这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码，不仅限于阅读各大系统源码，还包括各种优秀的开源库。

腾讯、字节跳动、阿里、百度等BAT大厂 2019-2021面试真题解析

资料太多，全部展示会影响篇幅，暂时就先列举这些部分截图

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

举这些部分截图

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！
2401_84003977
关注
  • 20
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
最全Google 为什么以 Flutter 作为原生突破口，2024年最新2024最新阿里Golang面经
2401_84910848的博客
05-13 857
Dart 语法编译: Dart 是一种强类型、跨平台的客户端开发语言。具有专门为客户端优化、高生产力、快速高效、可移植易学的风格。Dart 主要由 Google 负责开发和维护Flutter 插件: Flutter 使用的 Dart 语言无法直接调用 Android 系统提供的 Java 接口，这时就需要使用插件来实现中转。Flutter 官方提供了丰富的原生接口封装。
Google 为什么以 Flutter 作为原生突破口？| 技术头条
CSDN资讯
03-25 1944
【CSDN 编者按】去年Google 推出了 Flutter ，其目标是为了解决移动中的两个重要问题：一是实现原生应用的性能和与平台的集成，二是提供一个多平台，可移植的 ...
Flutter 内嵌原生组件 for android
06-22
Flutter 内嵌原生组件 for android Flutter 内嵌原生组件 for android 文档地址 https://blog.csdn.net/nicepainkiller/article/details/125403744 文档地址 ...
Flutter 与原生交互 - android版
03-29
原生与Flutter数据交互，主要就是构建好通道机制  Flutter 与原生交互使用Platform Channel。Flutter定义了三种不同类型的Channel，它们分别是： BasicMessageChannel：用于传递字符串和半结构化的信息（双向...
flutter与原生之间的channel交互
01-20
flutter与ios/swift、android/kotlin之间的message_channel、method_channel、event_channel交互，包括flutter调起android、ios原生界面
flutter 内嵌 IOS 原生界面
08-24
flutter 内嵌 IOS 原生界面 flutter 内嵌 IOS 原生界面 文档地址： https://johns.blog.csdn.net/article/details/125420308 文档地址： https://johns.blog.csdn.net/article/details/125420308
flutter_bluetooth:Flutter引发原生android蓝牙api
03-16
蓝牙 Flutter启动原生蓝牙api实现检测蓝牙状态和打开蓝牙 具体的代码分析请到学习 要是这份代码给你一些帮助，请给我一个Star，编写不易
WEB转Flutter基础学习笔记（内含vue和flutter对比）
小易不止于搬砖的博客
05-17 672
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
Flutter 中的 ChoiceChip 小部件：全面指南
smileKH的博客
05-14 389
你可以通过修改ChoiceChip的各种属性来自定义它的外观。ChoiceChip是一个非常有用的组件，可以帮助你快速实现选项选择的功能。通过上述示例，你应该能够理解如何在Flutter应用中使用ChoiceChip，并且可以根据你的需求进行自定义。记得在设计UI时，保持一致性和直观性，以提供良好的用户体验。
Flutter 中的 Material 小部件：全面指南
smileKH的博客
05-16 595
Material 组件是 Flutter 框架的一部分，它们实现了 Material Design 设计语言。这些组件包括按钮、卡片、对话框、滑块、开关等，它们都包含了 Material Design 中的交互模式和动画效果。Card(elevation: 8.0, // 卡片的阴影高度borderRadius: BorderRadius.circular(10.0), // 卡片的圆角),),
Flutter 中的 checkboxListTile 小部件：全面指南
smileKH的博客
05-14 339
你可以通过设置不同的属性来定制value) {// 处理点击事件},activeColor: Colors.green, // 复选框激活时的颜色contentPadding: EdgeInsets.all(12.0), // 自定义内边距是一个在需要实现复选框列表时非常有用的组件。它不仅提供了必要的交互功能，还允许你根据应用的风格进行定制。使用可以创建出既美观又实用的列表界面，同时保持了Material Design的一致性。记住，设计时应考虑用户的交互体验，确保列表项的可读性和易用性。
Flutter 中的 WillPopScope 小部件：全面指南
smileKH的博客
05-16 323
是一个可以包裹任何 widget 的小部件，它监听用户尝试关闭当前页面的行为（通常是通过点击 Android 的返回按钮或 iOS 的导航栏上的返回按钮）。通过，你可以控制是否允许这个操作发生，或者在允许之前执行一些自定义逻辑。// 执行退出前的验证逻辑},child: ... // 其他页面内容。
Flutter 中的 AlertDialog 小部件：全面指南
smileKH的博客
05-14 379
你可以通过设置不同的属性来定制// 处理不同意操作},),// 处理同意操作},),],),是一个在需要向用户显示重要信息或请求用户做出选择时非常有用的组件。它不仅提供了必要的交互功能，还允许你根据应用的风格进行定制。使用可以创建出既美观又实用的模态对话框，同时保持了Material Design的一致性。记住，设计时应考虑用户的交互体验，确保对话框内容的可读性和易用性。通过上述示例，你应该能够理解如何在Flutter应用中使用，并且可以根据你的需求进行自定义。
Flutter 中的 GridTile 小部件：全面指南
smileKH的博客
05-14 302
你可以通过设置不同的属性来定制GridTileGridTile(),),),GridTile是一个在需要以网格形式展示内容时非常有用的组件。它不仅提供了必要的布局功能，还允许你根据应用的风格进行定制。使用GridTile可以创建出既美观又实用的网格界面，同时保持了Material Design的一致性。记住，设计时应考虑用户的交互体验，确保网格项的可读性和易用性。通过上述示例，你应该能够理解如何在Flutter应用中使用GridTile，并且可以根据你的需求进行自定义。
Flutter 中的 Listener 小部件：全面指南
smileKH的博客
05-14 351
虽然ListenerListener(// 仅对鼠标按下事件进行响应},// ...),Listener是一个简单但功能强大的组件，它允许开发者监听和响应各种用户交互事件。使用Listener可以创建出交互性强的界面，同时保持布局的灵活性。记住，合理使用Listener可以提升应用的交互性和用户体验。通过上述示例，你应该能够理解如何在Flutter应用中使用Listener，并且可以根据你的需求进行自定义。
【Flutter 面试题】 Const和Final的区别?
Code Metaverse
05-18 368
Const 更适合用于那些在编译时就能确定的值，而 Final 则适用于那些需要在运行时才能确定的值。
Flutter 中的 DateRangePickerDialog 小部件：全面指南
最新发布
smileKH的博客
05-19 439
是 Flutter 的一个第三方小部件，它不属于 Flutter 的核心库，但可以通过添加依赖来使用。这个小部件提供了一个简单的日期范围选择对话框，用户可以通过它选择一个开始日期和一个结束日期。// 添加其他自定义属性...
Flutter 中的 InkWell 小部件：全面指南
smileKH的博客
05-18 288
InkWell是 Flutter 的 Material 组件库中的一个 widget，用于检测用户的触摸输入并提供视觉反馈。当用户触摸InkWell时，它会显示一个墨水扩散的动画效果，这个效果模仿了真实世界中墨水滴在纸上扩散的样子。InkWellInkWell(// 处理点击事件},// 处理双击事件},// 处理长按事件},
flutter集成原生sdk
05-31
Flutter 是一个跨平台的移动应用开发框架，它可以让开发者使用一套代码同时开发 iOS 和 Android 应用。而在某些情况下，我们可能需要集成原生 SDK 实现一些功能。本文将介绍如何在 Flutter 中集成原生 SDK。 首先，我们需要在 Flutter 中创建一个平台通道（Platform Channel）来实现 Flutter 和原生代码的通信。 1.创建一个平台通道 在 Flutter 中，平台通道定义了 Dart 代码和原生代码之间的通信方式。我们可以通过 MethodChannel、EventChannel 或 BasicMessageChannel 等方式来创建平台通道。 以 MethodChannel 为例，我们可以在 Flutter 中创建一个 MethodChannel： ``` final MethodChannel platformChannel = MethodChannel('com.example.platform_channel'); ``` 这里的 com.example.platform_channel 是一个字符串，用来标识 Flutter 和原生代码之间的通道。 2.在原生代码中实现方法 在原生代码中，我们需要实现与 Flutter 中定义的 MethodChannel 对应的方法。例如，我们可以在 Android 中创建一个名为 MyPlugin 的类来实现这个方法： ``` public class MyPlugin implements MethodCallHandler { private static final String CHANNEL = "com.example.platform_channel"; public static void registerWith(Registrar registrar) { final MethodChannel channel = new MethodChannel(registrar.messenger(), CHANNEL); channel.setMethodCallHandler(new MyPlugin()); } @Override public void onMethodCall(MethodCall call, Result result) { if (call.method.equals("getDeviceInfo")) { String deviceInfo = getDeviceInfo(); result.success(deviceInfo); } else { result.notImplemented(); } } private String getDeviceInfo() { // 获取设备信息的代码 return "device info"; } } ``` 这里的 getDeviceInfo 方法用来获取设备信息，并将结果返回给 Flutter。 3.在 Flutter 中调用方法 在 Flutter 中，我们可以通过 MethodChannel 来调用 MyPlugin 中实现的方法： ``` String deviceInfo = await platformChannel.invokeMethod('getDeviceInfo'); ``` 这里的 invokeMethod 方法用来调用 getDeviceInfo 方法，并将结果返回给 Flutter。 以上就是在 Flutter 中集成原生 SDK 的基本流程。在实际使用中，我们还需要注意一些细节，例如方法参数和返回值的类型转换等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值