作为一位刚入门Flutter,实战完成了一个项目的iOS开发者,今天在这里和大家来聊聊如何从0到1,实战Flutter!
一、简介
如果你第一次接触 Flutter ,你应该从简介开始,在简介中你可以了解到 Flutter 是什么,有哪些优点。 Flutter 和其他的跨平台框架的差异……。总之,它能更好的带你初步了解Flutter。
二、安装环境
看完简介,是不是迫不及待想要上手了?先别急,你还需要先把环境装好哦。官网提供了不同操作系统的安装方法,这里需要注意的是,由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中,或者使用翻墙软件。
笔者这里使用Android Studio开发工具,添加Flutter,dart插件。
三、开启项目之旅
好了,现在你可以开始你的hello world了!
四、初识Widget
Flutter 区别于其他命令式的编程风格,用现代响应式框架构建,中心思想是用widget构建你的UI。所以在开发项目之前,建议你先简单了解一下什么是Widget,对一切都是Widget有概念,知道如何区分StatelessWidget和StatefulWidget,了解最常用的Text、Row和Column、Stack、Container即可。
五、如何布局
认识了Widget后,我们就开始UI搭建了。拿到一个UI设计稿后,是不是不知道改怎么布局呢,感觉无从下手呢?我们将一起来看看Flutter的布局风格。
六、UI遇到的点点滴滴
记录了在实际开发过程中,遇到的UI问题。
七、生命周期
随着开发的深入,你会提出疑问,Flutter的生命周期是如何的?相对于iOS的ViewController(),Andriod的onCreate()在哪里?我的业务逻辑应该放在哪里处理?初始化数据该在哪里?接下来我们一起来探讨吧。
八、库的管理
在原生开发中,Android
使用Gradle
来管理依赖,iOS
用Cocoapods
来管理依赖,Node 中通过 npm来管理依赖。那Flutter有没有自己的包管理工具呢?又是如何来管理依赖的呢?
九、总结:
由于准备时间有限,本次分享内容仅限于此,当然我们项目开发过程中还涉及到路由管理、网络、文件处理、模型序列化、数据库、混合开发等技术,后续会慢慢会和大家一起探讨。
最近Flutter中文网新发布的《Flutter实战·第二版》也对大家入门Flutter实战很有帮助,但千里之行始于足下,大家还是要动手开发哦。