Flutter项目实战之Flutter_Gank，Android入门视频教程

环境安装

文档：https://flutter.io/get-started/install/，按照步骤一步步基本就没什么问题了，但需要注意的是有一行小字Note: If you’re in China, please read this wiki article first. 我自己安装过程还是挺顺利的，这里不做过多描述。

Flutter Gallery编译

由于目前资料比较少，Flutter Gallery在Flutter工程目录下，可以说是比较齐全的资料，虽然有文档，哪有一个Demo来的爽，直接看效果，事半功倍。我在这个过程还是花费了一番功夫，整个过程不是很顺利，只是因为Flutter版本不匹配，这里我就说一个较快的方法

• 下载Flutter 这里下载最新版本https://flutter.io/sdk-archive

• 解压Flutter到你的电脑，xxxx\flutter_windows_v0.x.x-dev\flutter\bin 配置到环境变量，这样就可以在任何地方使用flutter命令了

• 找到xx\flutter_windows_v0.x.x-dev\flutter\examples\flutter_gallery，这里包含了Flutter Gallery的源代码

• 直接运行 flutter build apk 命令，在xx\build\app\outputs\apk\release目录下可以找到编译好的apk

• 发送到android手机或者模拟器就可以看到运行好的Demo
  整个过程在命令行完成的，当前编译版本截图：

  [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XTkzlwOX-1630929243764)(//upload-images.jianshu.io/upload_images/697635-c6bca5c8efc2a465.png?imageMogr2/auto-orient/strip|imageView2/2/w/1080/format/webp)]

  因为同一目录下的Flutter Gallery版本是匹配的，所以比较顺利，我最开始是从github上直接下载master的源码，所以遇到了很多问题。

Flutter Gallery apk下载: https://fir.im/ts78

开发工具

官网上提供了两种编辑器的插件Android Studio 和VS Code，这里我还是选择比较熟悉的Android Studio，安装插件的方式也很简单，https://flutter.io/get-started/editor/，和安装一般的插件是一样的，安装完成后重启，就能找打，新建flutter 工程的选项

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qDzKeSNp-1630929243767)(//upload-images.jianshu.io/upload_images/697635-bf5f4d7cf73f1d40.png?imageMogr2/auto-orient/strip|imageView2/2/w/454/format/webp)]

工程新建完成后，一个基础的工程就出来了，第一次新建工程有点慢，一次就成功了，直接运行到模拟器就ok了。

开发阶段

新建完成的Flutter工程包含了一些目录，其中比较显眼的就是android 和ios目录，但实际上我没在这两个目录下写代码（以后肯定会写），其实只要看了一些Demo大致就晓得，几乎所有的代码都在lib下面，依赖管理通过 pubspec.yaml，我并不想讲太多关于代码的事情，因为我在前面编译好了一个Demo（Flutter Gallery）我写代码的时候基本上是照葫芦画瓢，文档和Demo都有，那就慢慢研究吧，没有捷径可走。

Flutter的优点

在开头的时候我介绍了一些，但都是比较官方的，下面是结合自己的开发体验

• 编译很快，hotReload果然名不虚传
• 扩展性很强，一切皆widget，可以轻松实现一些复杂的效果
• 动画很赞，Hero动画可以很轻松的实现过度动画，其他动画api也非常灵活可配置
• 换主题很赞，可快速全局切换主题
• 调试模式很赞，Flutter Gallery就可以进行性能分析，slow motion（慢动作）等等，

Flutter的缺点

Flutter还处于Beta版本，肯定是有些原因的

• 开源库太少，尽管https://pub.dartlang.org/已经提供了大量的插件，但相对于其他语言来说，远远不够，资料还是太少了
• 一些控件在debug模式和release模式下表现有些细微的差异
• json解析太麻烦，因为习惯了使用GsonFormat之类的插件，不过这应该不是太大的问题，有时间，也可以尝试着写一个
• gif循环播放造成的oom问题，我查阅了issue，好像是skia图像引擎的问题，其实加载大量图片也容易出现oom，没有出现像Picasso和Glide之类的图像框架

以上仅仅是在开发的过程中碰到的

CodeChina开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》
战源码》](https://codechina.csdn.net/m0_60958482/android_p7)**

标签：插件,io,flutter,Gallery,https,Gank,Android,Flutter
来源： https://blog.csdn.net/m0_61408635/article/details/120143311