百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT技术 > 正文

Flutter VS RN,谁更适合做跨平台开发?

wptr33 2024-12-05 17:00 17 浏览

跨平台技术解决方案一直是业内热议的话题,无论是当前热门的跨平台技术方案Recat Native还是目前使用依然广泛的webview,又或是Google这两年在大力推广的Flutter,究竟哪种方案更适合跨平台开发呢,争论之声不绝于耳。

4月17日的《HelloWorld》公开课,资深大前端开发工程师,阿佑老师将解答你的疑惑,让你明白,不同的技术团队应该怎么选择对应的跨平台开发框架。

跨平台技术横向对比

没有一个技术解决方案是适合所有的公司和业务的,以React Native和Flutter为例,我们从性能,使用情况,接入成本三个方面来综合分析一下二者的优缺点

React Native的性能一直是被开发者所诟病的原因之一,而Flutter因为有Skia作为底层的渲染引擎,在性能方面是优于React Native的,但正因为如此,由Flutter所开发的软件包要明显大于React Native,所以你的团队如果对软件包的大小有严格限制,Flutter不是很好的解决方案。

另一点,Flutter目前只支持Android热更新,iOS端不支持,同时因为Flutter底层是dart,所以开发团队的接入成本是高于React Native的。

不过从另一方面来看,Flutter的开发效率是明显高于React Native的,并且背靠Google这家巨头,这两年的Flutter增长非常迅猛。

一言以蔽之,如果你追求更高的性能,更快的开发效率那Flutter明显优于React Native。但如果你很在意热更新,想要有更低的介入成本,那么React Native依然是非常好的选择。

针对React Native,《HelloWorld》团队之前特意做了一期React Native深度实战公开课,对RN感兴趣的同学可以点击回放链接复习呦,下面我们来着重介绍下Flutter。

Flutter界面开发

Flutter将控件按照按照功能进行划分,详情可以参阅《Flutter中文网》,这里我们列举一些使用相对频繁的控件。

1.Image

2.lText

3.按钮相关类控件(RaiseButton、FlatButton、GestureDetector)

4.单组件容器布局控件(Container、Padding、Center、Align)

5.多组件容器布局控件(Row、Column、Stack、Wrap)

6.l列表类控件(ListView、GrideView、Sliver家族)

Flutter的网络加载方式有三种,官方、第三方插件http、桥接原生的网络请求,具体方式可以参考下面链接

官方推荐的方式: https://docs.flutter.io/flutter/dart-io/dart-io-library.html

三方插件http:https://pub.dev/packages/http

桥接原生的网络请求:

插件查询处 :https://pub.dev/flutter/packages

map转model :https://javiercbk.github.io/json_to_dart/

接下来,阿佑老师通过代码实战演练带着学员们熟悉了Flutter常见的控件与功能,对此部分内容感兴趣的同学可以点击点击了解更多领取跨平台开发之Flutter入门实战观看视频回放呦!

Flutter未来展望

从Google这几年对dart重视来看,Flutter自身也在频繁的更新和优化,从2.0的版本开始,从Web和桌面端过度到Stable版本,增加了空安全、iOS新特性以及新的widget组件来看,Flutter的前景是明朗的。

但阿佑老师也提醒所有学员,Flutter未来会怎么样取决于Google会将它推到怎样的高度,从当下来看,flutter是锦上添花的技能之一。下面是Flutter学习路线的脑图,只要跟着这个路线学,你完全可以利用Flutter处理日常开发需求。

讲师介绍

阿佑老师,从2013年开始做软件开发,做过移动端、RN以及flutter。对于移动端跨平台开发有丰富的开发经验

《Hello ,World公开课》是由开课吧推出的面向广大开发工程师的免费加餐课,集结业内名师大咖,聚焦热门技术和实战解决方案,以专业知识分享交流为桥梁,链接正在创造世界的一群科技主力们,向初心致敬,为技术发烧。无论你是初入职场的应届生,还是准备升职加薪的职场精英,相信这里都有你需要的养料。

相关推荐

台积电提出SRAM存内计算新方法,能效比可达89TOPS/W

芯东西(公众号:aichip001)编译|高歌编辑|云鹏芯东西3月16日消息,近期,台积电的研究人员在ISSCC2021会议上公布了一种改良的SRAM存储器阵列,该SRAM阵列采用22nm工...

Golang中如何判断两个slice是否相等?

在Golang中,要判断两个slice是否相等是不能直接使用==运算符的(==只能说明两个slice是否指向同一个底层数组)。如果两个slice的底层数组相同,但长度或容量不同...

JS入门基础知识(js基础知识总结笔记)

JS对象操作对象增删改查创建对象letobj={}新增属性obj.a=1修改属性obj.a='a'...

趣谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64

大家好,我是Echa。好久没跟粉丝们细聊JavaScript那点事了。做一名全栈工程师,JS基础还是要打牢,这样的话不管底层业务逻辑以及第三方框架怎么变化,都离不开基础。本文文章属于基础篇,阅读有点...

告别 substr() 和 substring()?更可靠的 JavaScript 字符串截取方法

JavaScript提供了三个主要的字符串截取方法:...

golang第九天,切片(slice)介绍(golang 切片作为参数)

什么是切片golang切片是对数组的抽象。go的数组长度不可改变,在特定场景中这样的集合就不太适用,go中提供了一种灵活,功能强悍的内置类型切片(“动态数组”),与数组相比切片的长度是不固定的,可以追...

Go语言零到一:数组(go struct数组)

引言...

你说你熟悉Slice,这道slice题你能答对吗?

每当你花费大量时间使用某种特定工具时,深入了解它并了解如何高效地使用它是很值得的。...

Python 3.14七大新特性总结:从t-string模板到GIL并发优化

Python3.14已进入测试阶段,根据PEP745发布计划,该版本已停止引入新功能,也就是说新特征就应该已经固定下来了。所以本文基于当前最新的beta2版本,深入分析了Python3.14中...

Python 幕后:Python导入import的工作原理

更多互联网精彩资讯、工作效率提升关注【飞鱼在浪屿】(日更新)Python最容易被误解的方面其中之一是import。...

Python元类实现自动化编程的正确姿势

元类是Python中用于创建类的类。通过元类机制,开发者可在运行时动态创建和修改类,为框架开发、设计模式实现和高级架构设计提供核心支持。在Python语言的高级特性中,元类占据着独特而重要的地位。作...

Python字符串详解与示例(python字符串类型及操作)

艾瑞巴蒂字符串的干货来了,字符串是程序中最常见的数据类型之一,用来表示数据文本,下面就来介绍下字符串的特性,操作和方法,和一些示例来吧道友:1.字符串的创建在python中字符串可以永单引号(...

恕我直言!你对Python里的import一无所知

文章来源:https://mp.weixin.qq.com/s/4WAOU_Lzy651IE-2zZSFfQ原文作者:写代码的明哥...

Python基础:字符串操作(python字符串的用法)

字符串是Python中最常用的数据类型之一,用于表示文本数据。我们将学习如何对字符串进行常见的操作,包括创建、访问、修改和处理字符串。通过掌握这些技巧,您将能够更好地处理和操作文本数据。让我们开始吧!...

Python 中 字符串处理的高效方法,不允许你还不知道

以下是Python中字符串处理的高效方法...