【Flutter 1-1】8个Flutter的优点以及为何要在下一个项目中尝试Flutter

首发连接

让咱们一块儿来了解Flutter与其余跨平台框架的优点，以及这些优点在开发流程中的做用。

• Flutter是什么

• Flutter的优点

  • 1. 跨平台使用相同的UI和业务逻辑

  • 2. 节省开发时间

  • 3. 更快的迭代速度

  • 4. 无限接近原生的交互体验

  • 5. 丰富的UI动画

  • 6. 独立的渲染引擎

  • 7. 可以很容易与原生进行交互

  • 8. 不仅是能运行在移动端

• 从业务层来看，Flutter是一个好的选择吗？

• 为何要尝试使用Fultter?

Flutter是什么
就我目前的职业开发生涯中，目击了太多太多项目不知道该选择哪一种跨平台方案的例子。这些项目都是不一样的，可是咱们都但愿这些项目可以运行在更多平台和更多设备上，常见的做法就是在不一样的客户端招聘不一样的开发人员来进行开发工做，好比手机端有iOS程序员和Android程序员等等。
我记得在2013年，我第一次看到了比较完善的跨平台游戏开发方案，那时候我就在想，为何App端没有这种工具能够知足咱们跨平台的需求呢？
可是，如今咱们有了，它就是Flutter！我将在下面介绍我使用Flutter作了些什么，但愿能对你有所帮助或启发。
我有过一些iOS开发经验，也有过一些游戏开发经验，能够说Flutter就是我一直在寻找的跨平台解决方案。它不只使用简单，还能保持跨平台UI的一致性时，而且很容易的与原生进行交互。是很是好的体验。
Flutter的优点
你以前可能会了解到，全部的跨平台框架都会在节约开发时间上有所帮助。可是，Flutter在有些地方跟其余框架有不少不一样，让咱们来看看，究竟Flutter比其余跨平台框架在哪些地方作的更好。

1. 跨平台使用相同的UI和业务逻辑
   咱们知道，基本上全部的跨平台框架都提供了一种在目标平台之间共享代码的实现方式。可是没有任何一个平台像Flutter这样容许共享UI代码以及UI自己。
   为了说明这一点，下面咱们来看一下其中一个跨平台框架UI的实现逻辑：
   

React Navite 的渲染过程看起来像是在每一个平台上都很简单。可是从图中咱们不难发现，这种渲染过程须要依然各个平台原生组件来进行渲染，React Native 就是帮咱们实现了对各个平台应用层UI控件的映射。这就须要将每一个动画每一个UI映射到各个平台的动画和UI上，显然这比较繁琐。
相比之下，Flutter不须要依赖热任何平台的UI组件就能生成UI界面。Flutter惟一须要的就是一个画布，也就是咱们常说的Canvas。
下面是Flutter的渲染过程:

Flutter可以在任何平台上构建彻底如出一辙的的UI，这种独特的渲染方式是它脱颖而出的关键。
简而言之，使用Flutter来实现UI和业务逻辑可以节省时间和精力，而且同时不影响最终产品的性能。原来iOS、Android须要每一个平台都要配备相应的程序员，使用Flutter只须要一组程序员就能够了，还节省了程序员！

2. 节省开发时间
   依据我我的的开发经验，从编译到运行一个Android App至少须要40秒的时间。同时，在调试UI的过程当中须要不停的编译和运行，这就须要消耗大量的时间。诚然，Android Studio是具备布局预览功能的，可是总有一点不足的是：Android Studio 不能每次都像预期那样运行，特别是在自定义View的时候。
   Flutter的 “热重载”功能可让咱们实时看到应用的变化，而且不会丢失当前应用程序的状态。这就是使用Flutter节省开发时间的根本缘由。
   此外，Flutter团体还付出了不少努力来提供各类控件。这些控件大多数均可以自定义，这就在构建UI上给咱们节省了很多时间。除了众多的核心控件外，Flutter还提供了大量的Material(Android风格)和Cupertino(iOS风格)的控件能够知足不一样的设计风格。
   以下图：
   

总而言之，使用Flutter来开发，咱们能够绕过几个程序开发过程当中比较耗时的步骤，这样使整个开发过程更快，更简单且更省心。

3. 更快的迭代速度
   使用Flutter来开发迭代产品会更快。在大多数状况下，咱们研发一个App须要Android端和iOS端都须要进行开发和维护，而Flutter只要一组人员就能够完成这个任务。在开发时间上至少节省了一倍。缘由很简单，咱们只须要编写一套代码就能够获得在各个应用平台相同的交互效果。任何基于2D的UI均可以在Flutter中实现，且不须要调用原生代码。
   除此以外，Flutter使用声明式语法构建UI，根据个人经验，它能够显著提升开发速度。当涉及到UI效果调整时这是最明显的。
4. 无限接近原生的交互体验
   咱们知道，App的性能是好的用户体验的关键。
   尽管很难说出确切的数字，可是能够确定地说，在大多数状况下，Flutter应用程序的性能与本机应用程序没有区别，甚至在复杂的UI动画场景中表现的更好。
   为何呢？与大多数跨平台框架不一样的是，Flutter不依赖任何中间代码作映射。Flutter应用直接调用了底层代码，这就极大的提升了性能。
   咱们一样可使用Flutter彻底编译和发布应用程序。
5. 丰富的UI动画
   Flutter的一个最大的优点就是能够随时修改屏幕上的任何控件，不管这个控件有多复杂。一样也支持直接使用原生控件来作UI动画。
   下面是一个简单的自定义动画的示例：
   

一样的，使用Flutter生成动画更加灵活和通用，而且不会额外增长工做量。过渡动画、圆角、颜色、阴影、变换等，Flutter都能轻松实现。
这里给你们提供更多的Demo。让咱们更好的熟悉这些动画。

6. 独立的渲染引擎
   与其余框架相比，Flutter应有更多的能力。显然，这须要框架自己很是强大，且须要框架自己是一个高性能的框架。
   Flutter是使用Skia做为底层的渲染引擎。有了Skia的支持，UI层能够在任何平台上进行渲染，且保持一致性。换句话说，咱们不须要调整任何代码就能够将UI呈如今其余平台上，这极大的简化了开发过程。

7. 可以很容易与原生进行交互
   除了UI以外，咱们还有不少功能须要依赖原生的支持，好比获取GPS信息，蓝牙通讯，传感器，照相机，相册等等。这些功能均可以经过Flutter的插件来实现。
   固然有些时候这些插件也是不足以知足咱们的需求。可是不用担忧，Flutter使用的开发语言（Dart语言）与原生代码通讯很是简单。只须要几行代码咱们就能够实现原生与Flutter之间的交互，就能够实现任何你想调用原生功能的需求。
   交互流程以下图：
   

8. 不仅是能运行在移动端
   Flutter不只是能够在移动设备上使用，还支持Web端和桌面端。在2018年的I / O会议上，Google展现了Flutter Web的技术，这使得在浏览器中运行纯Flutter应用程序成为可能，且不须要修改任何源代码。

下面是演示视频：
点击这里查看

官方的这一操做，意味着Flutter从移动开发框架升级到了全平台开发框架的行列。
若是咱们不须要在移动端作部署和使用，技术娴熟的Flutter程序员可让Flutter在热门平台上运行，包括但不限于Android、iOS、Web浏览器、Windows、macOS、Linux甚至是嵌入式设备。一样的代码能够在这些任何平台上运行，且不须要修改任何Dart代码。

从业务层来看，Flutter是一个好的选择吗？
是的！是的！是的！
软件产品能保证性能和稳定性、人员容易招聘、产品可以快速的迭代和开发这些优点都可以给企业带来巨大的价值。一旦技术方案出现缺陷和存在任何方面的问题，都会给企业带来直接或间接的损失。
从这个角度来看，Flutter都是能够下降咱们的风险的：

• 目前Google正在研发Fuchsia OS(与Flutter配合使用)，所以Flutter会继续投入研发人员维护和升级，不会中断。
• 使用Flutter的门槛并不高，由于社区中已经有了不少的人气很高的Android开发人员都在提倡和使用Flutter。
• 已经有不少大公司在使用，例如：阿里巴巴，Google Ads，AppTree，Reflectly和My Leaf等等，这是Flutter实力的证实。

为何要尝试使用Fultter?
让咱们总结一下Flutter的最突出优势：

• UI和业务逻辑代码在各个平台呈现效果一直
• 更快的开发速度
• 更快的迭代速度和更快的上线速度
• 无限接近原生的交互体验
• 更容易的自定UI和动画功能
• 独立的渲染引擎
• 不依赖于任何平台的UI组件
• 适用于更多的平台
• 商业风险控制在最小

因此说，想开发跨平台的，性能优良的应用，Flutter是不二选择。Flutter正式成为最终的跨平台UI框架只是时间问题。

---

---