Flutter的安装和简单介绍

一、Flutter介绍

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。中心思想是用组件(widget)构建UI。

二、原理

Flutter实现跨平台开发的原理，Flutter与现有的移动App跨平台开发框架都不一样，Flutter不是使用标准Web技术，而是借助可移植的图形加速渲染引擎、高性能的本地ARM代码，并以此实现跨设备、跨平台的高质量用户体验。
重点是：使用Flutter开发的跨平台移动App，性能是可以与原生App一模一样的
具体请参考

三、MAC下安装Flutter

使用镜像

由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，按照以下步骤将临时镜像放在环境变量中：

打开环境变量文件

open -e .bash_profile

将以下临时变量放在环境变量中：
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

修改完后保存改文件，然后回到控制台，执行source ~/.bash_profile 新的配置即可生效

安装

方法一:获取Flutter SDK
1、去flutter官网下载其最新可用的安装包，点击下载
2、解压安装包到你想安装的目录，如下：

cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

3、添加flutter相关工具到path中：

export PATH=`pwd`/flutter/bin:$PATH

运行以下命令查看是否需要安装其它依赖项来完成安装：

flutter doctor

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了，没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务（以粗体显示）

方法二：clone

git clone -b master https://github.com/flutter/flutter.git

查看flutter的版本

./flutter/bin/flutter --version

跟上面一样执行flutter doctor ，检查需要安装的软件

222222222.png

按照要求安装完毕，类似这种表明安装完成，可以愉快的开发啦～～

四、总结

1、Flutter使用的语言是Dart 请参考
2、使用的编译器是Android Studio
3、window安装Flutter以及Flutter的具体介绍 请参考
4、运行android 手机时 卡在Running ‘gradle assembleDebug'. 参考

最后附上写的一个小demo

iOS.png

android.png

目录结构.png

tab里面的内容.png