Flutter经验积累、实战分享、系列教程

989 阅读8分钟

Flutter 从入门 到精通系列文章

本文章为 Flutter 开发中的经验积累分享、教程分享、开发笔记分享目录,持续维护中。

题记 —— 执剑天涯,从你的点滴积累开始,所及之处,必精益求精。

github?你可能需要百度同步
CSDN网易云课堂教程掘金EDU学院教程
知乎Flutter系列文章 头条同步

目前在西瓜视频上免费刊登 Flutter 系列教程,每日更新,欢迎关注接收提醒点击查看提示 各种系列的教程

2020.09.19

2020.09.12 开发笔记

2020.09.02

2020.08.02

  • Flutter中ListView加载图片数据的优化查看详情

  • Flutter异步加载FutureBuilder解决重绘方案查看详情

  • Flutter异步编程async与await的基本使用查看详情

  • Flutter延时任务、Flutter通过Future与Timer实现延时任务查看详情

  • Flutter中async与await异步编程原理分析查看详情

  • Dart语言基础Map、List、Set操作合辑查看详情

  • Flutter图像绘制原理深入分析查看详情

  • Flutter中Widget 、Element、RenderObject角色深入分析 查看详情

  • Flutter中AnimatedOpacity 实现透明度渐变动画效果 查看详情

  • Flutter透明度渐变动画Opacity实现透明度渐变动画效果查看详情

  • Flutter透明度渐变动画FadeTransition实现透明度渐变动画效果 查看详情

2020.07.19

  • Flutter闪屏过渡动画,闪光占位动画查看详情
  • Flutter的AnimatedDefaultTextStyle实现文本样式的动画过渡切换效果 查看详情
  • Flutter的AnimatedContainer实现容器样式的动画切换 查看详情

2020.07.15

  • Flutter加载Html并实现与JS 的双向调用 查看详情

2020.07.05

2020.06.22


2020.05.27

2020.05.23

2020.05.09

  • Flutter中焦点FocusNode使用分析Flutter输入框焦点事件的捕捉与监听 查看详情

2020.04.19

  • Flutter底部导航栏BottomNavigationBar页面状态保活解决方案 查看详情

2020.04.06

2020.03.15

2020.03.05

2020.03.01

  • flutter开发仿抖音首页面上下滑动切换播放视频效果查看详情

2020.02.15

2020.01.07

NestScrollView系列文章

  • flutter NestedScrollView 下拉刷新的解决方案一查看详情

极光推送 系列文章

  • flutter应用开发中集成极光推送(flutter极光推送第一篇)查看详情

TextField 系列文章

2019.12.19

2019.12.17

2019 .7.22

2019 .7.17

  • 4.1.1 Flutter通过BasicMessageChannel实现Flutter 与Android iOS 的双向通信 查看详情
  • 4.1.2 Flutter通过MethodChannel实现Flutter 与Android iOS 的双向通信 查看详情

2019.7.16

2019.7.15 凌晨

  • 最新更新 4.1.1 flutter 主动调用android 原生方法 查看详情
  • 最新更新 4.1.2 flutter 主动调用ios 原生方法 查看详情

2019年07月12日 傍晚

【本案例开发flutter 使用到的开发工具为 android Studio ,Xcode】

1 第一阶段 UI 基础篇


1.1 第一阶段 之 【环境配制相关】

  • 1.1.1 flutter 从配制开发环境再到开发第一个应用 查看详情

  • 1.1.2 flutter 使用Android Studio 创建第一个应用 查看详情

  • 1.1.3 flutter 开发应用第一个页面 查看详情

  • 1.1.4 flutter 之 Dart语言 基础 查看详情

1.2 第一阶段 之 Flutter 【ui 基础 -1】

1.3 第一阶段 之 Flutter 【ui 基础 -2】

1.4 第一阶段 之 Flutter 【ui 基础 -3】

  • 1.4.1 PickView 时间选择器 查看详情
  • 1.4.2 PickView 城市选择器
  • 1.4.3 弹框 dialog 查看详情
  • 1.4.3-1 Flutter自定义使用Dialog并更新Dialog中的内容 查看详情
  • 1.4.4 flutter 实现轮播图效果 查看详情
  • 1.4.5 导航栏菜单
    • flutter BottomNavigationBar 实现底部导航栏查看详情
    • flutter 自定义 BottomAppBar 实现不规则底部导航栏 查看详情
    • flutter 自定义 绘制布局 实现不规则底部动画导航栏 查看详情
  • 1.4.6 flutter Toast消息提示框 查看详情
  • 1.4.7 flutter 设置圆角矩形边框 查看详情

2 第二阶段 功能基础篇

2.1 flutter Gesture 手势处理

  • 2.1.1 flutter widget 添加单击、双击、长按、按下与抬起事件监听 查看详情
  • 2.1.2 flutter InkWell 设置水波纹点击效果详述 查看详情
  • 2.1.3 Flutter中为图片设置波纹点击效果 查看详情

2.2 flutter 常用工具类

2.2 flutter 数据存储

2.3 flutter 页面路由跳转

2.4 flutter 网络请求

2.5 flutter oss 阿里云文件上传

3 第三阶段 动画功能篇

3.1 flutter 平移动画

  • 3.1.1 flutter SlideTransition实现平移动画 查看详情

3.2 flutter 旋转动画

  • 3.2.1 flutter RotationTransition实现旋转动画 查看详情

3.3 flutter 缩放动画

  • 3.3.1 flutter ScaleTransition实现缩放动画 查看详情
  • 3.3.2 flutter PositionedTransition 实现缩放动画 查看详情

3.4 flutter 透明渐变动画

  • 3.4.1 flutter FadeTransition实现透明度渐变动画 查看详情

4 第四阶段 高级功能篇

4.1 flutter 与android ios 原生互调
  • 4.1.1 Flutter通过 BasicMessageChannel 实现 Flutter 与 Android iOS 的双向通信 查看详情

  • 4.1.2 Flutter通过 MethodChannel 实现 Flutter 与Android iOS 的双向通信 查看详情

  • 4.1.3 flutter 调用android 相机

  • 4.1.4 flutter 调用ios 相机

  • 4.1.5 flutter 调用android 扫一扫

  • 4.1.6 flutter 调用ios 扫一扫

  • 4.1.7 调用android mp3格式录音

  • 4.1.8 flutter 调用ios mp3格式录音

4.2 flutter 中嵌入 android ios 原生view
4.3 android ios 原生中 嵌入使用flutter widget
4.4 flutter 插件开发
  • 4.4.1 flutter 调用原生android ios 自定义相机插件
  • 4.4.2 flutter 调用原生android ios 扫一扫插件
  • 4.4.3 flutter 调用原生 webview 插件 查看详情
  • 4.4.4 flutter 调用原生 录音 mp3格式 插件

在这里插入图片描述