前言
众所周知,一个移动客户端一般都会有iOS和Android两个版本,作为一个移动端的开发人员你肯定有过这样的想法:能不能有个编程语言直接写一套代码可以直接在iOS和Android系统上运行呢?现在这个问题已经得到解决,Google推出的Flutter,可以快速在iOS和Android上构建高质量的原生用户界面,下面跟着小编认识一下Flutter吧!
正文
什么是Flutter
什么是Flutter呢?官网文档是这样介绍的:Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。由此可见移动开发人员可以直接使用Flutter直接开发iOS和Android客户端了。
Flutter的优势
高效率、快速开发
- 统一的应用开发体验,一套代码可以同时开发iOS和Android应用
- Flutter的热重载可帮助您快速地进行测试、构建UI、添加功能并更快地修复错误,修复崩溃时可以从应用程序停止的位置继续调试,大大减少开发和debug的时间
- 访问本地功能和SDK,Flutter允许您复用现有的Java、Swift或ObjC代码,访问iOS和Android上的原生系统功能和系统SDK
- 现代的,响应式框架,和一系列基础widget,轻松构建您的用户界面。使用功能强大且灵活的API解决艰难的UI挑战
富有表现力,漂亮的用户界面
- Flutter内置的Material Design和Cupertino(iOS风格)widget、丰富的motion API、平滑而自然的滑动效果和平台感知, 使应用界面更加漂亮,交互更加人性化
安装Flutter
系统要求
- Windows
- 操作系统:Windows 7 或更高版本 (64-bit)
- 磁盘空间:400 MB (不包括Android Studio的磁盘空间)
- 工具:Flutter 依赖下面这些命令行工具(Git for Windows (Git命令行工具))
- macOS
- 操作系统:macOS (64-bit)
- 磁盘空间:700 MB (不包括Xcode或Android Studio的磁盘空间)
- 工具: Flutter 依赖下面这些命令行工具 (bash, mkdir, rm, git, curl, unzip, which)
- Linux
- 操作系统:Linux (64-bit)
- 磁盘空间:600 MB (不包括Android Studio的磁盘空间).
- 工具:Flutter 依赖下面这些命令行工具(bash, mkdir, rm, git, curl, unzip, which)
在macOS上搭建Flutter开发环境
1.获取Flutter SDK
- 去Flutter官网下载其最新可用的安装包,下载地址。下载的时候可能需要翻墙,小伙伴们也可以去Flutter github下载安装包下载地址。
- 在这里小编直接用git下载安装包,并添加Flutter到path中:
git clone -b beta https://github.com/flutter/flutter.git
export PATH=`pwd`/flutter/bin:$PATH
复制代码
- 运行flutter doctor 当时小编报了很多错,看的小编一脸懵逼,但是按着提示一步步来安装最后还成功了。分享一个小编遇到的问题:在更新libimobiledevice的时候报了一个“Requested 'libusbmuxd >= 1.1.0' but version of libusbmuxd is 1.0.10”的错,最后按照以下方法解决,参考
brew update
brew uninstall --ignore-dependencies libimobiledevice
brew uninstall --ignore-dependencies usbmuxd
brew install --HEAD usbmuxd
brew unlink usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
复制代码
Android Studio配置
- 下载安装Android Studio,3.0或者更高版本
- 启动Android Studio,然后执行“Android Studio安装向导”
- 在Preferences>Plugins中搜索Flutter并点击 install
- 安装完成之后重启Android Studio 安装flutter的Android Studio启动之后 现在Android Studio已经配置成功让我们创建一个Flutter应用吧
- 选择 File>New Flutter Project
- 选择 Flutter application 作为 project 类型, 然后点击 Next
- 输入项目名称 (如 myFirstFlutterApp),选择保存路径,然后点击 Finish
- 等待Android Studio安装SDK并创建项目. 6.运行,可以运行到模拟器也可以运行到手机上,下面是小编运行到手机上的截图
总结
安装和和配置都不太麻烦,只要细心、耐心应该都没什么难度,主要是翻墙太难受了,小编也是从零开始学习欢迎大家指正。
参考和学习资源
- Flutter中文学习官网
- Flutter官网