Dart Flutter 1.0 发布~入门初体验Android Studio开发

前言

    本文介绍如何搭建Flutter开发环境,这是Dart入门的第一步。观察移动端跨平台框架好久了,本打算入手React Native,它是Face Book 2015年开源的跨平台移动框架,火了好久了,现在国内好多APP都是基于它。之前还有好多跨平台的移动框架比如React Native,携程、360也有好多框架支持插件开发、热加载,但逐渐也被RN替代了,目前比较合适的就是入手Flutter。
    那么问题来了,为什么要选择Dart Flutter这一套平台框架尼?

  1. RN虽然能满足目前需求,但体验还是存在卡顿,框架本身的问题webapp;
  2. 移动开发还是原生开发给用户的体验最好;
  3. 体验了Flutter你会爱上它(热加载),像开发前端开发原生APP打包发布;
  4. 跨平台,就像java一样,虽然不能彻底的跨平台,但一个APP更像一个产品,一份代码开发者可以节省好多时间在产品体验上;
  5. 类似于基于linux上面的安卓,可能大家都知道安卓=java+linux+GUI,确实这样安卓的框架是在liunx内核之上抽象出了一层,这就导致了目前安卓很让谷歌头疼的原因,Flutter则是一个基于编译器的C/C++引擎,引擎之上是Dart前端。这就像你开发一个产品的时候没有经验先用成熟的技术方案,等到你实现功能之后,发现有好多地方可以自己重构代码优化一下;
  6. 最后还是谷歌的新系统很撩人,物联网时代已经来了,对硬件对操作系统的实时性更加严苛。

一. Flutter有哪些特性

    Flutter提供了一套解决方案,既能用原生ARM代码直接调用的方式来加速图形渲染和UI绘制,又能同时运行在两大主流移动操作系统上。
    Flutter并不是要替代原生应用开发模式,你可以用Flutter开始一个全新的应用,也可以把Flutter理解为应用内置的一个引擎,把这个引擎引入到现有的工程里。

  1. Flutter可以帮助构建界面精美的应用。谷歌希望设计师们都能充分发挥自己的想象,尽情施展精美绝伦的创意,而不受框架局限性的干扰。通过Flutter,你可以在屏幕上有像素级的掌控。Flutter强大的图像组合能力让你近乎可以不受限制的堆叠任何图形、视频、文本和控件。Flutter内置了一系列的widgets (在Flutter里,几乎所有内容都是widget),这些widgets可以帮助您在iOS和Android上实现极致的视觉体验。Flutter集成并有最大程度的实现了Material Design——这是Google为数字体验所创作的开放的设计系统。
  2. Flutter速度快。它基于Skia 2D硬件加速图形引擎,该引擎也同样用在了Chrome和Android平台。媲美原生应用的速度,这是构建Flutter时的初心。Flutter的代码基于Dart平台,它可以被编译成iOS和Android平台上32位和64位的ARM代码。
  3. Flutter非常高效。Flutter引入了Stateful Hot Reload(保持应用状态的热重载),这个革命性的新特性可以让移动开发者和设计师们实时迭代应用程序。通过Stateful Hot Reload,无需重新启动应用,你就可以在程序运行的时候直接看到代码修改之后的效果,Stateful Hot Reload改变了开发者们编写应用的方式。在用户反馈中,开发者们表示该特性使得开发效率提升了三倍。
  4. 最后,Flutter是开放的。Flutter是一个基于BSD-style许可的开源项目,全球数百位开发者在为其贡献代码。Flutter的插件生态系统平台也充满活力。有数千款插件已经发布,避免了重复造轮子。由于Flutter应用程序使用标准的Android和iOS的编译打包工具(build tools),因此它的开放还体现在您可以使用原生开发资源。比如,您同样可以在Android上使用Kotlin或者Java,在iOS上使用Swift或者Objective-C来写逻辑或者界面。

    结合以上这些,再加上你顺手的开发工具,比如Visual Studio Code、Android Studio、IntelliJ或其他你青睐开发者编辑器,你就可以开始使用Flutter体验一套代码同时在iOS和Android上实现原生应用效果的乐趣了。

二. 搭建Flutter开发环境

  1. 获取Flutter SDK,点击下载
  2. 运行flutter_console.bat配置环境变量
    安装flutter
  3. 命令行运行 flutter doctor查看未安装依赖,可使用flutter help查看当前版本可使用的选项
    检查插件是否安装成功
  4. 安装Android Studio开发环境,配置安卓虚拟机
    配置安卓虚拟机
  5. Android Studio安装Dart和Flutter插件,重启AS
    安卓Dart插件
  6. 创建Flutter APP项目,体验热加载,如下图更改了APP的背景颜色
    创建Flutter APP

@注意事项

  1. 请使用蓝灯或者其他翻墙工具;
  2. 如果翻墙了之后,AS 安装插件失败如下图,需要配置下HTTP代理;
  3. 附上,Flutter官方安卓预览版的apk供大家体验flutter—— flutter_gallery
    插件安装失败

@一些链接

    https://github.com/flutter —— Git仓库
    https://flutter.io/ —— Flutter官网
    https://flutter.io/docs —— Flutter开发文档
    https://flutterchina.club/setup-windows/ —— 中文网
    https://zhuanlan.zhihu.com/flutter —— 知乎学习指南

发布了99 篇原创文章 · 获赞 185 · 访问量 20万+

猜你喜欢

转载自blog.csdn.net/Bluechalk/article/details/84657211