2024年Flutter项目实战之Flutter_Gank(1)，阿里巴巴p7面试经验

最后笔者收集整理了一份Flutter高级入门进阶资料PDF

以下是资料目录和内容部分截图

里面包括详细的知识点讲解分析，带你一个星期入门Flutter。还有130个进阶学习项目实战视频教程，让你秒变大前端。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

没有设计，自己怎么想怎么弄的，调用了干活集中营的api，这个号称客户端最多的网站，由于已经过了两个多月才来写这篇博客，由于flutter的更新，现在最新的是6.0dev版本，可能会影响部分功能的使用，但应该不会有很大的改动，我就开发的过程谈谈，flutter的一些优缺点。

如果有面向对象的编程经验，入门还是很简单的，并且，官网也很细心的为我们讲解了一些概念，因为我是做android的我看得比较多的是这一篇flutter-for-android,还有针对于iOS devs，React Native devs，Xamarin.Forms devs，可以看出google的野心不小，不过我认为Flutter会降低移动端的开发成本，Flutter UI相比android原生更细腻一些，还原度会更高一些，毕竟做过android开发就知道碎片化的问题有多麻烦。

step by step

环境安装

文档：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
  整个过程在命令行完成的，当前编译版本截图：

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

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

开发工具

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

工程新建完成后，一个基础的工程就出来了，第一次新建工程有点慢，一次就成功了，直接运行到模拟器就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/已经提供了大量的插件，但相对于其他语言来说，远远不够，资料还是太少了

最后

由于题目很多整理答案的工作量太大，所以仅限于提供知识点，详细的很多问题和参考答案我都整理成了 PDF文件

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**