Skip to content

Flutter入门

一、Flutter 简介

Flutter 是由 Google 开发的开源移动应用开发框架,它允许开发者使用单一代码库构建高性能、高保真的移动应用,可同时部署到 iOS 和 Android 平台。这种跨平台开发的特性极大地提高了开发效率,减少了开发成本和维护工作量。

Flutter 具有出色的性能表现,其采用了 Skia 图形渲染引擎,能够在不同设备上实现接近原生应用的流畅度。同时,它提供了丰富的内置组件和动画效果,使得开发者可以轻松创建出美观、交互性强的用户界面。 热重载(Hot Reload)是 Flutter 的一大特色功能。在开发过程中,开发者对代码进行修改后,无需重新启动应用,即可快速看到修改后的效果,大大缩短了开发周期。

二、开发环境搭建

参考:

  1. https://zhuanlan.zhihu.com/p/90836859
  2. https://docs.flutter.cn/get-started/learn-flutter

三、Flutter 基础

Dart 语言基础

参考: https://dart.cn/language/

新建项目:

使用Flutter插件的新建项目功能:

选择项目模板:

创建好的项目如下:

Flutter项目目录

文件或目录说明
.dart_tool记录了一些dart工具库所在的位置和信息
.ideaandroid studio是基于idea开发的,.idea记录了项目的一些文件的变更记录
androidAndroid项目文件夹
iosiOS项目文件夹
liblib文件夹内存放我们的dart语言代码
test用于存放我们的测试代码
.gitignoregit忽略配置文件
.metadataIDE用来记录某个Flutter项目属性的的隐藏文件
.packagespub工具需要使用的,包含package依赖的yaml格式的文件
flutter_app.iml工程文件的本地路径配置
pubspec.lock当前项目依赖所生成的文件
pubspec.yaml当前项目的一些配置文件,包括依赖的第三方库、图片资源文件等
README.mdREADME文件

运行Flutter项目

选择启动模拟设备:

打开模拟设备如下:

运行程序(第一次运行可能要等等):

效果如下:

四、UI 设计与布局

常用布局 Widget 文本与图像显示 容器与装饰

五、交互与事件处理

手势识别 表单输入与验证 导航与路由管理

六、状态管理

状态管理概述 常见状态管理方案

七、网络请求与数据处理

HTTP 请求 JSON 数据解析 数据缓存与持久化

八、插件与第三方库使用

插件市场介绍 常用插件推荐与使用

九、Flutter 打包

参考: https://docs.flutter.cn/deployment/android/#build-an-app-bundle

参考:

  1. https://zhuanlan.zhihu.com/p/90836859
  2. https://juejin.cn/book/7212822723330834487/section/7211396362306256955
  3. https://book.flutterchina.club/chapter1/dart.html#_1-4-1-变量声明