简洁明了:Flutter快速入门指南

发表时间: 2022-07-23 19:30

最近突然想学习一下Flutter,不知道是哪个贤人说:学习就是先要把书读薄,然后再把书读厚。感觉非常有道理,所以在自学的过程中试试能不能三言两语说清楚一个知识点。

什么是Flutter

Flutter 是其实是Google的内部实验中诞生的,因为这样的诞生原因,所以团队就选择了比较Dart,它其实就是一个跨平台的UI框架,大多数情况下它只是负责UI的显示和部分业务的实现,如果需要更多的特性功能的实现,还是离不开原生的支持,例如:蓝牙、原生平台的交互、打包构建等……

为啥要学习Flutter

如果是零基础想进入移动端开发的话,那么还是建议选择一种原生开发来学习,Flutter只是作为技术储备的扩充。

对于我个人来说,需要最小的学习成本,最大限度地扩展我的技术覆盖范围。而且我所需要实现的移动端的形式,能够实现一些我个人的想法,偶尔能接个外快,并且不以移动端开发作为技术重点,Flutter就非常合适了。

理解Flutter

万物Widget

Flutter最基础的一个概念就是“万物Widget”,怎么理解呢?其实就是说,Flutter的所有组成就是一个一个小的Widget拼凑而成,就像搭积木一样,各种简单的widget拼凑成复杂的widget,然后在用复杂widget拼凑成更加复杂的widget。

响应式开发

响应式开发,如果有前端基础的就会很熟悉。就是说:界面是通过代码写好,通过布局Widget方式来控制确保在不同界面中显示一致,然后通过数据驱动页面显示,数据更新后,页面就会同步更新。

Flutter初体验

环境配置

对应地址:
https://flutter.cn/docs/get-started/install

选择对应的操作系统,里面有详细的安装使用说明,这里就不赘述了。

IDE选择

我选择的是VSCode,这里有我在VSCode中所使用的插件:VSCode开发Flutter常用插件

框架选择

想省力,必然要选择一个好的框架,这里我选择的是GetX,关注度还是挺高的。

GetX是一个比较轻量级的管理状态、依赖注入和路由的框架,使用它能够简化很多的代码量。

结束

这样说完,对Flutter开发应该就有一个比较清楚了。工具和环境都准备好了,接下来开始了解Flutter的常用组件……