领取《Flutter 入门系列》PDF

老孟Flutter

共 14955字,需浏览 30分钟

 · 2020-12-13

《Flutter 入门系列》是 Flutter 入门教程,里面包含了入门需要学习的知识,这些知识将是开发App过程大概率会用到的知识。

《Flutter 入门系列》PDF 总共900多页。

上半年整理了300多个组件的详细用法,这个比较全,但并不适合作为入门教程,更适合作为一本手册,用到的时候进行查阅。


文章系列目录如下:

第一章 简介

    • 智能手机操作系统

      • 塞班(Symbian)系统

      • Windows Phone

      • Android

      • iOS

    • 跨平台开发演进

      • 原生阶段

      • Hybird阶段

      • React Native阶段

      • 小程序

      • Flutter 阶段

      • Flutter局限性

      • 总结

    • 环境安装和配置

    • 创建Flutter 项目

      • 默认生成代码介绍
    • 设置App名称、图标

      • Android 设置App名称、图标
      • iOS设置App名称、图标
    • 手机调试运行

      • Android 手机调试运行

      • iOS调试运行

      • debug Flutter 代码

      • debug Android 代码

      • debug iOS 代码

    • 打包部署

    • Flutter Application Plugin Package Module区别

      • Flutter Application

      • Flutter Plugin

      • Flutter Package

      • Flutter Module

    • pubspec.yaml 配置文件详解

      • name
      • description
      • version
      • author homepage issue_tracker repository
      • Environment
      • dependencies 和 dev_dependencies
      • 依赖覆盖
      • Flutter

第二章 文本组件

  • 文本组件-Text

  • 富文本组件-RichText

    • 手势交互
  • 文本输入组件-TextField

  • 文本组件五大案例

    • 过渡颜色的文字
    • 带前后置标签的文本
    • "服务协议"
    • 登录密码输入框
    • 评论回复

第三章 基础组件

  • 按钮组件

  • 单选组件

    • Radio
    • RadioListTile
  • 复选组件

    • Checkbox
    • CheckboxListTile
  • 滑块组件

    • Slider
    • 自定义样式
    • RangeSlider
    • 滑块状态
    • ios风格的 Slider
  • 开关组件

    • Switch
    • SwitchListTile
    • CupertinoSwitch
  • 进度组件

    • LinearProgressIndicator
    • CircularProgressIndicator
    • CupertinoActivityIndicator
  • 图片和图标组件

    • Image
    • Icon
  • 聊天气泡(.图实现)

  • 圆形带边框的头像

  • 图片占位符:

  • 自定义图标

第四章 布局组件

  • 水平、垂直布局组件

  • 叠加布局组件

  • 流式布局组件

  • 自定义布局组件

  • 仿 掘金-我 效果

  • 水平展开/收起菜单

  • 半圆菜单展开/收起

第五章 定位装饰权重组件

  • 定位装饰组件-Container

  • 固定宽高组件-SizedBox

  • 宽高比组件-AspectRatio

  • 相对父组件尺寸-FractionallySizedBox

  • 权重组件-Expanded/Flexible/Spacer

  • 仿 掘金-我-头部的效果

  • 柱状图

第六章 手势识别组件

  • GestureDetector

    • 点击事件
    • 双击事件
    • 长按事件
    • 水平/垂直拖动事件
    • 缩放事件
  • Ink/InkWell

    • InkWell
    • Ink
  • Listener

  • 登录进度按钮

  • 画板

第七章 滚动和大数据组件

  • ListView

  • GridView

    • controller 和 physics 属性用法同 ListView中一样。
  • SingleChildScrollView

  • PageView

  • DataTable

    • DataColumn

    • DataRow

    • DataCell

    • 排序

    • 处理数据显示不全问题

  • 自定义PageView切换动画

  • 自定义滚动条

第八章 Sliver系列组件

  • SliverList

  • SliverGrid

  • SliverAppBar

  • SliverPersistentHeader

  • SliverToBoxAdapter

  • CustomScrollView

    • 相互嵌套场景
    • 顶部是AppBar场景
  • NestedScrollView

    • 滚动隐藏AppBar
    • SliverAppBar展开折叠
    • 与TabBar配合使用

第九章 功能型组件

  • 日期选择器

    • showDatePicker
    • CalendarDatePicker
    • 范围日期
    • 国际化
  • 时间选择器

  • iOS风格日期选择器

    • 国际化
  • iOS风格时间选择器

    • 国际化
  • 弹出菜单

    • PopupMenuButton
    • PopupMenuItem
    • PopupMenuDivider
    • CheckedPopupMenuItem
    • showMenu
  • 弹出提示/警告框

    • AlertDialog

    • CupertinoAlertDialog

    • SimpleDialog

    • Dialog

  • 改变形状组件

    • BeveledRectangleBorder

    • Border

    • BorderDirectional

    • CircleBorder

    • ContinuousRectangleBorder

    • RoundedRectangleBorder

    • StadiumBorder

    • OutlineInputBorder

    • UnderlineInputBorder

    • ClipRect

    • ClipRRect

    • ClipOval

    • ClipPath

    • CustomClipper

  • 拖拽组件

  • 缩放、平移组件

第十章 App级别组件

  • MaterialApp

  • 脚手架-Scaffold

  • 导航栏-AppBar

  • 抽屉布局-Drawer

  • 底部切换布局

    • BottomNavigationBarItem
  • 消息提示-SnackBar

    • SnackBarAction
    • 瞬间多个弹出延迟问题

第十一章 组件总结及实战

  • 组件总结
    • 组件树

    • StatefulWidget vs StatelessWidget

    • Material vs Cupertino

    • 实战-计算器

第十二章 动画

  • 动画核心-AnimationController

  • 动画核心-Tween

  • 动画核心-Curve

    • 自定义一个动画曲线
  • 动画核心总结

  • 动画序列 TweenSequence

  • 一文学会多个动画组件

  • AnimatedList

  • Hero

  • Material motion

    • Container transform
    • Shared axis
    • Fade through
    • Fade
  • 案例-路由动画

  • 案例-Flutter "孔雀开屏"的动画效果

  • 案例-渐变进度圆环

  • 案例-仿掘金点赞

    • 小手缩放效果
    • 圆环动画
    • 最外圈小点点
  • 案例-酷炫的D效果

  • 案例-翻书效果

  • 案例-涟漪效果

  • 案例-雷达扫描效果

    • 中间的 logo 图片
    • 扫描

第十三章 路由

  • 路由堆栈

  • 监听路由堆栈变化

  • WillPopScope

    • 询问用户是否退出
  • 自定义独立路由

第十四章 数据存储和网络请求

  • 文件系统目录-path_provider

    • 添加依赖
    • 文件路径
    • Android 文件存储
    • iOS 文件存储
    • path_provider 使用
  • 文件读写

    • 添加依赖
    • 文件夹
    • 文件
    • 读取 asset 文件
  • 简单数据持久化

    • 添加依赖
    • 保存/读取数据
    • 删除数据
    • Key 相关操作
  • 大量复杂数据持久化

    • 添加依赖
    • 单例模式创建 SQLite 访问
    • 初始化数据库
    • 保存数据
    • 查询数据
    • 更新数据
    • 删除数据
    • 总结
  • 网络请求-HttpClient

  • 网络请求-http

    • 引入软件包
    • 使用
  • 网络请求-dio

    • 引入软件包

    • 基础使用

    • 拦截器

    • 请求取消

    • Dio 封装

  • json数据转换为Model

    • json_serializable

    • 在线生成

    • JsonToDart 插件【推荐】

第十五章 混合开发

  • 嵌入原生View-Android

    • 注册PlatformView
    • 嵌入Flutter
    • 设置初始化参数
    • Flutter 向 Android View 发送消息
    • Flutter 向 Android View 获取消息
    • 解决多个原生View通信冲突问题
  • 嵌入原生View-iOS

    • 注册PlatformView
    • 嵌入Flutter
    • 设置初始化参数
    • Flutter 向 iOS View 发送消息
    • Flutter 向 Android View 获取消息
    • 解决多个原生View通信冲突问题
  • 平台通信的种方式

    • 通信架构图
    • 通信与平台线程
  • 与原生通信-MethodChannel

    • Flutter 端
    • Android 端
    • iOS 端
    • 原生端主动发送消息给Flutter
  • 与原生通信-BasicMessageChannel

    • Flutter 端

    • Android 端

    • iOS 端

    • 原生端主动发送消息给Flutter

  • 与原生通信-EventChannel

    • Flutter 端

    • Android 端

    • iOS 端

  • 添加 Flutter 到 Android Activity

    • 创建 Flutter Module
    • 启动页加载 Flutter
    • 跳转到 Flutter 页面
    • 引擎缓存
  • 添加 Flutter 到 Android Fragment

  • 添加 Flutter 到 iOS

    • 创建 Flutter module
    • 将Flutter模块嵌入到现有应用程序中
    • 创建 FlutterEngine 和 FlutterViewController
    • 指定入口点
    • 初始化路由

第十六章 国际化

  • 添加国际化支持

    • 使App支持国际化

    • 系统是如何实现国际化的?

    • 添加系统国际化支持

    • 添加应用程序 title 国际化

    • 设置默认语言

    • 监听系统语言切换

  • 应用程序内切换语言

  • 使用Intl包实现国际化

    • 安装插件

    • 添加依赖

    • 添加语言

    • 添加系统国际化支持

    • 在 intl_en.arb 和 intl_zh.arb下添加文案


获取PDF方式有两种:

第一种方式:分享到朋友圈加1元红包

  1. 分享此文到朋友圈,扫描下方二维码加老孟微信(已经添加到忽略此步骤)

  1. 截取朋友圈发布此文章的截图发送给我,再加一个1元红包。

然后老孟会将《Flutter 入门系列》PDF 链接发给您。

第二种方式:直接发送10元红包或者底部赞赏10元即可

此方式适用于不想发送朋友圈或者支持老孟的朋友,赞赏后,关闭当前文章,进入公众号,后台会发送下载链接,如下图:

或者直接微信发10元红包即可,此方式购买的朋友可进入老孟Flutter VIP 交流群,群内有各种大神以及妹子,比如《Flutter 开发之旅从南到北》的作者(杨哥看不到看不到?,杨哥我拿你做宣传不会提刀见我吧?)。


你可能还喜欢


关注「老孟Flutter」
让你每天进步一点点
浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报