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