Jetpack Compose 和 Flutter 应该先学哪个呢？

最新推荐文章于 2024-03-01 15:30:22 发布
最新推荐文章于 2024-03-01 15:30:22 发布
阅读量437 收藏
点赞数 3
文章标签： flutter android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/star_nwe/article/details/133324462
版权

前言

当谷歌第一次宣布Jetpack Compose时，不少人认为这将是flutter的结束。毕竟，既然可以使用Google提供的本地工具，为什么还要使用跨平台框架呢？

那我们来整体比较一下flutter和jetpack compose，看看他们各自有什么特点。

语言对比

Jetpack Compose 是一个用于 Android 应用开发的用户界面框架，它使用声明式语法来快速构建用户界面。它是基于 Kotlin 语言开发的，可以与现有的 Android 应用无缝集成。

Flutter 是一个跨平台的应用开发框架，它使用 Dart 语言开发应用，并提供了一整套的用户界面构建工具。它可以用于开发 Android 和 iOS 应用，也可以用于开发 Web 应用和桌面应用。

易用性对比

这两个框架都相对容易使用， jetpack compose具有声明式UI方法，这意味着我们可以使用Kotlin代码来构建UI，而不必担心底层的复杂性。但是，Flutter在没有桥接逻辑的情况下直接访问操作系统级组件并不简单，需要较强的专业操作。

使用JetpackCompose来创建优美的用户界面要比使用Flutter容易些。不过flutter在跨平台开发方面确实有着无可比拟的优势，此外，当你想要快速建立一个应用程序的原型时，Flutter中的热加载功能是必不可少的。

双方优点

Jetpack Compose
  • 更快的开发过程：Composed的UI可以以可重复的代码块组成。使您可以 差异化地开发您的UI，并以最快的速度得到反馈。
  • 更直观的开发过程: Compose使得UI设计更为直观。您可以轻松地在代码中添加各种UI元素并将其组合起来，实时预览结果，从而可以更容易地进行开发。
  • 更容易实现一致的用户界面：Compose框架使得开发者能够实现一致的用户界面。开发者可以轻松地定义主题和风格，并与应用程序中的其他组件协调。
  • 较少的代码量：与传统的Android开发方法相比，使用Jetpack Compose可以大大减少代码。这降低了应用程序的维护成本，提高了开发速度。
  • 更好的性能：由于Jetpack Compose可以更好地减少运行时的布局计算，因此可以获得更好的性能。这意味着应用程序可以更快地响应用户操作，提高了用户体验。
Flutter

  • MVP 和原型开发： MVP 或最小可行产品是解决问题陈述的应用程序或软件的简化版本。它清楚地解释了这个想法的潜力，并引起了用户对您打算推出的产品的兴趣。Flutter 是一个跨平台的开发工具，需要最少的时间和资源，让您可以高效地评估想法的可行性。

  • 热重载： Flutter 提供热重载功能，让开发人员可以立即查看任何更改。无论是修复错误、设计用户界面等，您都可以更快、更高效地编写代码。

  • 小部件： Flutter SDK 附带各种小部件，可提供各种功能并增强应用程序的视觉吸引力。它们用于显示、设计和处理交互等。

  • 开发成本低：由于Flutter支持原生应用开发，您可以复用大部分代码，开发成本低。这有助于减少开发时间和资源，从而减少预算。

那么问题来了，我该学哪个？

打工仔的世界里，哪里有单选题。

在这里插入图片描述

Jetpack Compose和Flutter的定位并不相同，不是绝对的矛盾体，这取决于你的公司采用的什么框架，以及你自己的需求和偏好。学有余力的朋友可以两者都尝试一下，这对以后个人的发展也都有帮助。

目前全网关于这两个框架的资料较为碎片化，对想要系统学习的人来说不太友好，所以我给大家分享Jetpack Compose和Flutter的系统学习笔记。

内容通俗易懂，知识点覆盖面广，内容严格按照深度和广度统一的原则来编排

有需要的朋友可以扫描下方二维码免费获取。

《Jetpack Compose开发应用指南》

目录

在这里插入图片描述

第一章 初识JetPack

  • JetPack是什么
  • JetPack和AndroidX
  • AndroidX的迁移
    在这里插入图片描述

第二章 Compose的设计

  • JetPack Compose环境搭建
  • JetPack Compose新特性和组件依赖
  • JetPack Compose编程思想总结
    在这里插入图片描述
    …
    …
    …

第八章Compose项目实战

  • 使用Compose实现底部按钮和首页banner以及数据列表
  • 导航规整并实现登陆页面和个人中心页
  • 分类页面的实现
  • 实现搜索页面
  • 项目页面的实现在这里插入图片描述

《Flutter完整开发实战详解》

目录

img

第一章 Dart语言和Flutter基础

img

第二章 快速开发实战篇

img

第三章 打包与填坑篇

img

…
…
…
img

第十三章 全面深入触摸和滑动原理

img

第十四章 混合开发打包 Android 篇

  • Flutter 面试知识点集锦
  • Flutter 开发实战与前景展望 - RTC Dev Meetup
    img
AI老猴子
关注
Jetpack Compose 和 SwiftUI 与 Flutter 的比较
iCloudEnd的博客
11-06 884
你喜欢使用 Flutter 的声明方式来构建 UI 吗？您可能想尝试 Jetpack Compose 和 SwiftUI。很久以前，我尝试过在 Android 的基于 XML 的 UI 框架套件和 Apple 的 UIKit 中使用命令式的方式来构建 UI。我花了很长时间才开发一个简单的应用程序，我想知道我们是否可以以简单的方式开发应用程序的 UI（我是一个懒惰的程序员，所以我想尽可能高效地编写代码🤣）。
Flutter vs Compose：选择哪个？Kotlin在Windows上进行桌面开发Android
CodeSpark的博客
10-07 526
Flutter是由Google开发的开源UI工具包，可用于构建高性能、美观的跨平台移动应用程序。使用Flutter，开发人员可以使用单一代码库构建iOS和Android应用，而无需为每个平台单独编写代码。Flutter使用Dart编程语言，提供丰富的UI组件和强大的渲染引擎，可以实现快速的开发周期和流畅的用户体验。Compose是由Google推出的声明性UI工具包，专为构建现代Android应用程序而设计。Compose使用Kotlin编程语言，并利用了Kotlin的语言功能和Android平台的特性。
JetPack-Compose - Flutter 动态UI?
Stay hungry, stay foolish!!
03-18 3753
一、Flutter-初遇 2018-06月左右入坑Flutter,于是拿出美团和痘印等好看的界面感受了一波Flutter UI和绘制等写了三天的Demo也感受到了Flutter强大,当时匆匆忙忙就写了相关Demo上传了Github。不知不觉Github很多Star很开心,接着决定进行录制基础教学视频,在B站也收到了很多感谢私信、技术交流,记得2018年素未谋面的大哥因为我的热心无缘无故送我2018款MacBook Pro-在他的再三坚持下。带着这份感动和感激我也开始写了很多提供初学者一起学习的文章和...
Jetpack_GitHub：基于Kotlin + Jetpack全家桶+ Coroutines（协程）+ Flutter等架构实现的一个精简版Github客户端项目，望与广大小伙伴一起成长，欢迎出发或前叉！
02-03
Jetpack_GitHub 基于Kotlin + Jetpack全家桶+ Coroutines（协程）+ Flutter等架构实现的一个精简版Github客户端项目。新开源项目： 开源不易，如果喜欢的话希望给个Star or Fork ^ _ ^，谢谢 项目截图 下载体验 点击下载（密码：123456） 下方二维码下载（每日上限100次，如达到上限，还是clone源码吧！✧（≖◡））） 核心功能 核心技术栈 Kotlin语言 听说Android开发与Kotlin更配哦！Kotlin语言100％兼容Java，并且具有数据类，空安全，延迟加载，属性代理，扩展方法，函数表达式，高级函数等高级
Android开发快速学习，2024年阿里+头条+腾讯大厂Android笔试真题
最新发布
m0_61330806的博客
03-01 875
对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的最后，互联网不存在所谓的寒冬，只是你没有努力罢了！最后，互联网不存在所谓的寒冬，只是你没有努力罢了！本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录。
Flutter Web网站之Jetpack成型
m0_46622598的博客
04-19 296
往期 Flutter Web网站搭建教程 Flutter Web 网站之主页框架搭建 上期回顾 上期我们做了一个能兼容不同屏幕大小的主页，来适配Web、Android等平台。主要用到了**MediaQuery**来动态获取屏幕的宽度，来动态适配UI。 本期内容 好消息，我申请的域名jetpack.net.cn已经下来了，这次的目标就是让网站正式成型，完善网站的内容。 完成Jetpack UI...
Flutter PK jetpack compose区别和选择
m0_62167422的博客
12-03 1542
Flutter诞生于Chrome团队，是一帮做Web的开发做的跨平台框架，从最开始的设计初衷，就是指向了跨平台这条路，而Compose，则是诞生于Android团队，是为了解决当前View的架构体系不能再继续适应申明式编程的范式而做出的重构。
Jetpack Compose 初体验（上），flutter人脸识别系统
m0_65145426的博客
12-15 896
fun VerticalText() { Column( modifier = Modifier.padding(16.dp) ) { Text(“Hello World!”) Text(“Hello Again World!”) Text(“How old are you, World!”) } } 现在，为了让界面看起来不那么单调，我们给这个界面加上下面这一张图片。 ![](Compose 初体验.assets/hello_world_new_black.png) 将这张图片拷贝到 drawable
Jetpack Compose 中的架构思想
川峰的博客
03-08 1124
如果应用打算使用 Jetpack Compose 来开发，那么就可以跟以前的MVC、MVP、MVVM等乱七八糟的架构全部说拜拜，这些名词也将在Android开发当中永远地成为历史。因为 Jetpack Compose 的架构思想非常简单，只有UI层和数据层两层，即上图所示（其中 Domain Layer 是可选的层）。它的核心思想是单向数据流，以数据模型驱动界面，遵循关注点分离的原则。 在前面的架构图中可以看到，UI 层其实细分又包含了两层：UI 元素和状态容器（StateHolder）。其中 UI 元素
Jetpack-Compose
Stay hungry, stay foolish!!
03-08 2183
一、什么都不如官网来的直接 Jetpack Compose去年写了一些列表布局就丢下了,以前一个小兄弟说“什么都不如官网来的直接”这是他的博客打算用Compose写玩安卓大家可以去好好学习一波,接下来我们跟着官网走,原理案例基于官网,写的效果高于官网。Flutter,SwiftUI对比这些众说风云,人云亦云,我不多说,XML相对于当前流行的前段或者移动端布局组建框架都不在是优势,既然Google推出的那我们就学。 二、环境 1.AndroidSdio Beta 4.2版本或者Canary版本 版本提.
flutter-jetpack:Flutter jetpack项目可帮助您找到更好的依赖库。 欢迎来到我的网站（http
04-28
jetpack Flutter jetpack poject for you . Running environment flutter node Getting Started First step, when the environment configuration is complate, open terminal, run the following script. /// step 1 flutter pub get /// step 2 cd node/server/ npm install /// step 3 . bin/test_start_node.sh Then, open Chrome and input . UI Dark or Light Web url: apk download Blog
对于 Android 开发来说似乎“更头痛”的是 Flutter 与 Compose “同出一爹”，看完这你就明白该如何选择
Androiddddd的博客
05-06 2493
纵观Android发展至今，十余年间Google一直在针对不同的主题对它进行整改补强，其目的就是为了给开发者们一个更加舒适高效的开发平台，更好地实现各种功能。 然而在 UI构建方面，最初的那一套UI体系基本还是沿用至今，基本没有什么改变。就现在的发展趋势来说，传统的UI架构让很多开发者表示苦不堪言：UI的构建需要 大量的代码，写个自定义View需要实现测量、布局，响应用户行为需要满篇的Listener事件，与此同时，还得配合上XML自定义属性，可以说是 繁琐至极。而且从现有的代码体量来说，优化重构基本是天方
安卓开发 flutter 和 compose 的特点，那个更适合开发者学习？
this_is_bug的博客
01-13 602
**经验丰富的 Android 开发者**：如果已经有了丰富的 Android 开发经验，Compose 可能是一个更自然的选择，因为它与 Android 的传统开发模式更加相似，并且可以利用现有的知识库。5. **社区支持**：Flutter 有一个庞大的社区，提供了大量的资源和插件，可以帮助开发者快速解决问题和扩展功能。- **追求性能和原生体验**：对于追求极致性能和原生体验的应用，Flutter 可能是更好的选择。4. **快速迭代**：热重载功能允许开发者在应用运行时快速试验和迭代设计。
到底是Flutter还是Compose？
Android23333的博客
09-30 2216
其实自从 Jetpack Compose 面世以来，关于 Flutter 与 Compose 之间的选择问题就开始在 Android 开发中出现，就如同之前有 iOSer 纠结在 Flutter 和 SwiftUI 之间选谁一样，对于 Android 开发来说似乎“更头痛”的是 Flutter 与 Compose “同出一爹”。 Flutter诞生于Chrome团队，是一帮做Web的开发做的跨平台框架，从最开始的设计初衷，就是指向了跨平台这条路，而Compose，则是诞生于Android团队，是为了解决当
谈论flutter和jetpack compose学习优先级的背后，Android开发有着怎样的一套进阶逻辑？
m0_56255097的博客
11-21 1223
在1982年的原版电影《银翼杀手》中，人类创造的“复制品”被用于危险的工作，当它们开始反抗时，一种被称为“刀锋杀手”的警官出现了。当谷歌第一次宣布Jetpack Compose时，不少人认为这将是flutter的结束。那我们来整体比较一下flutter和jetpack compose，看看他们各自有什么特点。
Google官方怒推的Jetpack Compose到底是个啥？对设计的解读与思考
zzz777qqq的博客
03-04 2516
Jetpack Compose前段时间进入了Alpha阶段。经过去年年底至今剧烈的api变化后，现在Compose整体上大致稳定，所以我们也能对于Compose的设计进行初步的解读和评价了。 Compose从整体技术风格上来说是这样一个产物：在语法上激进模仿SwiftUI，编译/运行过程充满Svelte风格，同时也综合了各方包括Android开发组自身对UI框架的思考结果。 使用Compose时，最值得关注的就是Compose的编译器插件。可以这么说，Compose的runtime、api都是依附于编译器.
Flutter 与 Compose怎么选？小孩子才做选择
weixin_49559515的博客
07-30 2157
写在开头 其实自从 Jetpack Compose 面世以来，关于 Flutter 与 Compose 之间的选择问题就开始在 Android 开发中出现，就如同之前有 iOSer 纠结在 Flutter 和 SwiftUI 之间选谁一样，首先 Compose 是 Jetpack 系列的全新 UI 库，理解下这点！Compose 是 Jetpack 系列的成员之一，所以可以被应用到 Android 界面开发中，所以你也可以选择不用，用不用都能开发 Android 的 UI 。然后再说 Compose 出生的
flutter与compose的爱恨情仇
eclipse_xu
08-09 1396
点击上方蓝字关注我，知识会给你力量话说天下大势，分久必合，合久必分，自Flutter举义起，已两年有余。然天下苦客户端久矣，一个需求不论是Android还是iOS，各端的实现都不一样，开发...
Flutter 与 Compose 应该怎么选择？它们冲突吗？
恋猫de小郭的博客
03-14 7869
没用的前言 其实自从 Jetpack Compose 面世以来，关于 Flutter 与 Compose 之间的选择问题就开始在 Android 开发中出现，就如同之前有 iOSer 纠结在 Flutter 和 SwiftUI 之间选谁一样，对于 Android 开发来说似乎“更头痛”的是 Flutter 与 Compose “同出一爹”。 本来关于这个话题没什么好写的，因为这个话题属于“吃力不讨好”的类型 ，毕竟被原生开发看到了，可能就有人就要痛批我： “是我 Andorid 提不动刀了，还是这些一两
jetpack compose 学习路径
07-08
以下是 Jetpack Compose 的学习路径： 1. Kotlin 基础：Jetpack Compose 是基于 Kotlin 语言开发的，因此你需要熟悉 Kotlin 语言的基础知识，包括变量、数据类型、函数、类、继承、接口、Lambda 表达式等。 2. Android 基础：你需要熟悉 Android 开发的基础知识，包括 Activity、Fragment、Intent、RecyclerView、ListView、布局等。 3. Jetpack Compose 入门：学习 Jetpack Compose 的基本概念、结构、组件、布局和样式等。 4. Jetpack Compose 进阶：学习 Jetpack Compose 的高级特性，包括自定义组件、动画、手势、状态管理等。 5. 实战项目：根据自己的兴趣和需求，选择一个实际项目进行实战练习，例如创建一个简单的计算器、Todo 应用、音乐播放器等。 6. 社区交流：加入 Jetpack Compose 的社区，与其他开发者交流经验、分享想法和解决问题。 总的来说，学习 Jetpack Compose 需要一定的 Kotlin 和 Android 开发基础，同时需要不断练习和实践，才能掌握其核心技术和最佳实践。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值