跨平台开发的正确姿势,Flutter开发学习资源大汇集

都 3202 年了,Flutter 有多火,就不需要我多说了,之前在某金首页顶着好长一段时间的 Flutter 视频教程推广足以证明。

那么正如必须要先 ”入门“ 才能 ”出门“,那么劝退 Flutter 前也必须得先了解 Flutter。

首先,什么是 Flutter?

官网解释:

Flutter是一款 Google 开源的 SDK,可跨平台地为移动端,Web 端,桌面端构建高性能的应用。

当然,当然,虽说是Web端桌面端都能开发,但是我们更多地会着重于 flutter 的移动端跨平台开发功能。

那么,在 flutter之前,其实就有很多跨平台开发的框架了,知名的有 C# 的 Xamarin, 用 js 的有nativescript ,阿里的 weex 以及大家都比较熟悉的 react native,那么名气不大的就更多了

在这里插入图片描述
所以,flutter 在一堆跨平台开发框架中凭什么脱颖而出呢?

为什么用 Flutter ?

在这里插入图片描述

  • 低投入高产出
    一套代码,直接产出 Android + iOS 两个平台的应用。 这是跨平台开发框架的共同优势,不再多说。
  • 高效率开发
    通过 Flutter 的 JIT(Just In Time)即时编译功能,能提供 Hot Reload 功能,快速开发应用。有没有 Hot Reload 的开发效率高低,这点前端同学应该是深有体会了。
  • 丰富优雅的UI
    框架本身提供 Material Design 以及 Cupertino 的两种画风的 UI 组件,不局限于系统本身 OEM 的限制。
  • 高性能应用
    和原生一样的性能。Flutter 的 AOT 将代码编译成 ARM 二进制,用自身的 自绘引擎(Skia),没有 Bridge 依赖,可直接访问系统底层服务。这些能让 Flutter 性能毫不逊色于 原生应用。

前面的这些都是其次,最关键的是什么呢?

Flutter 有个好“爹”!

大家琢磨一下,当下的主流的三大前端框架,react、react native 是 facebook 的,angular 又是 google 的,只有 vue 是没有大公司背景。事实上社区的很多开源框架,其实都是大企业内部孵化出来的。

有个好爹,背靠 Google 爸爸,含着金钥匙出生,一看就前途不可估量。框架的稳定性和成长性就能得到一定保证,给开源社区信心。

这就是,拼爹一时爽,一直拼一直爽

言归正传,如果想要学习Flutter,这里为帮助大家从入门到实战,深度掌握Flutter这门跨平台技术,这里整理出了两份适合零基础的Flutter学习笔记

《Flutter Dart 语言编程入门到精通》:讲解了Dart语言基础,异步编程,标准输入输出流,网络编程及调用C语言编程,可帮助大家快速入手Dart语言。
《Flutter实战演练:第二版》:则是详解讲解Flutter各大组件核心原理,带你建立第一个Flutter应用,可帮大家掌握Flutter背后的框架原理和底层设计思想,建立起属于自己的知识体系。

接下来进入正文展示:

《Flutter Dart 语言编程入门到精通》

目录

在这里插入图片描述

《Flutter实战演练:第二版》

目录

在这里插入图片描述

第一章 起步

  • 移动开发技术简介
  • 初识 Flutter
  • 搭建Flutter开发环境
  • Dart语言简介

在这里插入图片描述

第二章 第一个Flutter应用

  • 计数器应用示例
  • Widget 简介
  • 状态管理
  • 路由管理
  • 包管理
  • 资源管理
  • 调试Flutter应用
  • Flutter异常捕获

在这里插入图片描述

第三章 基础组件

  • 文本及样式
  • 按钮
  • 图片及ICON
  • 单选开关和复选框
  • 输入框及表单
  • 进度指示器

在这里插入图片描述

第四章 布局类组件

  • 布局类组件简介
  • 布局原理与约束(constraints)
  • 线性布局(Row和Column)
  • 弹性布局(Flex)
  • 流式布局(Wrap、Flow)
  • 层叠布局(Stack、Positioned)
  • 对齐与相对定位(Align)
  • LayoutBuilder、AfterLayout

在这里插入图片描述

第五章 容器类组件

  • 填充(Padding)
  • 装饰容器(DecoratedBox)
  • 变换(Transform)
  • 容器组件(Container)
  • 剪裁(Clip)
  • 空间适配(FittedBox)
  • 页面骨架(Scaffold)

在这里插入图片描述

第六章 可滚动组件

  • 可滚动组件简介
  • SingleChildScrollView
  • ListView
  • 滚动监听及控制
  • AnimatedList
  • GridView
  • PageView与页面缓存
  • 可滚动组件子项缓存
  • TabBarView
  • CustomScrollView 和 Slivers
  • 自定义 Sliver
  • 嵌套可滚动组件 NestedScrollView

在这里插入图片描述

第七章 功能型组件

  • 导航返回拦截(WillPopScope)
  • 数据共享(InheritedWidget)
  • 跨组件状态共享(Provider)
  • 颜色和主题(Theme)
  • ValueListenableBuilder
  • 异步UI更新(FutureBuilder、StreamBuilder)
  • 对话框详解

在这里插入图片描述

第八章 事件处理与通知

  • 原始指针事件处理
  • 手势识别
  • Flutter事件机制
  • 手势原理与手势冲突
  • 全局事件总线
  • 通知(Notification)

在这里插入图片描述

第九章 动画

  • Flutter动画简介
  • 动画结构
  • 自定义路由过渡动画
  • Hero动画
  • 交织动画
  • 通用“动画切换”组件(AnimatedSwitcher)
  • 动画过渡组件

在这里插入图片描述

第十章 自定义组件

  • 自定义组件方法简介
  • 组合现有组件
  • 组合实例:TurnBox
  • CustomPaint与Canvas
  • 自绘实例:圆形渐变进度条
  • 自绘组件:CustomCheckbox
  • 自绘组件:DoneWidget
  • 水印组件实例:文本绘制与离屏渲染

在这里插入图片描述

第十一章 文件操作与网络请求

  • 文件操作
  • Http请求-HttpClient
  • Http请求-Dio package
  • 实例:Http分块下载
  • WebSocket
  • 使用Socket API
  • Json转Dart Model类

在这里插入图片描述

第十二章 Flutter扩展

  • 包和插件
  • Flutter Web

在这里插入图片描述

第十三章 国际化

  • 让App支持多语言
  • 实现Localizations
  • 使用Intl包
  • 国际化常见问题

在这里插入图片描述

第十四章 Flutter核心原理

  • Flutter UI框架(Framework)
  • Element、BuildContext和RenderObject
  • Flutter启动流程和渲染管线
  • Flutter 布局(Layout)过程
  • Flutter 绘制(一)绘制原理及Layer
  • Flutter 绘制(二)组件树绘制流程
  • Flutter 绘制(三)Layer实例
  • Flutter 绘制(四)Compositing

在这里插入图片描述

第十五章 一个完整的Flutter应用

  • Github客户端示例
  • Flutter APP代码结构
  • Model类定义
  • 全局变量及共享状态
  • 网络请求封装
  • APP入口及主页
  • 登录页
  • 多语言和多主题
    在这里插入图片描述

获取方式

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值
>