Android部分
一、Android四大组件
二、Fragment相关
三、动画相关
四、布局相关
五、数据存储
六、线程、进程
七、网络
八、WebView
九、图片
十、Camera相关
十一、音视频相关
十二、ViewPager相关
十三、RecyclerView相关
十四、Canvas相关
十五、传感器相关
十六、性能优化
十七、UI适配
十八、Android中的Context
十九、序列化与反序列化
二十、JSON解析
二十一、二维码
二十二、Permission权限
二十三、Activity工作原理
二十四、View事件分发机制
二十五、View的绘制流程
二十六、自定义view基本流程
二十七、Apk的打包/安装过程
二十八、App混淆
二十九、App冷启动优化
三十、子线程不能更新UI
三十一、Android Studio Gradle
三十二、adb相关
三十三、逆向安全
三十四、NDK开发
三十五、设计模式
三十六、架构模式
RxJava
Kotlin
Dagger 2
Flutter
Weex
Hybrid 混合开发
OpenGL
测试工具
其他冷门知识
其他补充：
Java部分
一、Java基础
二、Java数据结构和算法

这篇文章主要介绍了Flutter Plugin开发流程，包括如何利用Android Studio开发以及发布等。

今天这篇文章，给大家介绍如何开发Flutter Plugin中Android的部分。有关Flutter以及Flutter Plugin的概念，感兴趣的可以从官网查看相关资料。

简介

笔者的环境是Mac下Android Studio进行的开发，AS也是谷歌官推的，安装flutter插件后，开发起来相对于其他IDE来说，方便很多，自带了三种模板：

• Flutter Application： Flutter应用
• Flutter Plugin：Flutter插件
• Flutter Package：纯Dart组件

Plugin其实就是一个特殊的Package。Flutter Plugin提供Android或者iOS的底层封装，在Flutter层提供组件功能，使Flutter可以较方便的调取Native的模块。很多平台相关性或者对于Flutter实现起来比较复杂的部分，都可以封装成Plugin。其原理如下

消息在client和host之间通过平台通道（platform channels）来进行的，之间的通讯都是异步的。

Flutter 说到底只是一个 UI 框架，很多功能都需要通过原生的 Api 来实现，那么就会涉及到 Flutter 和 Native 的交互，因为本人不懂 iOS 开发，所以只能讲下 Flutter 同 Android 的交互。

Android 项目配置 Flutter 依赖

既然是互相交互，那么需要准备一个 Android 项目。接着就需要创建 flutter module，让 Android 项目依赖，创建的方法可以参考官网 Flutter Wiki，虽然是官网提供的方法，但是完全按照这个步骤来，还是会有坑的，这边就慢慢一步步解决坑。

如果你用的是 Android Studio 进行开发的话，直接打开底部的 Terminal，直接创建 flutter module 依赖

flutter create -t module flutter_native_contact 至于 module 名可以随意填写，module 创建完后结构大概是这样的

讲完了常用的部件和网络请求后，差不多该进入整体实战了，这里我们将写一个比较熟悉的项目，郭神的 cool weather。项目将使用 fluro 实现路由管理，dio 实现网络请求，rxdart 实现 BLoC 进行状态管理和逻辑分离，使用文件，shared_preferences，sqflite 实现本地的数据持久化。这边先给出项目的地址：flutter_weather，以及最后实现的效果图：

One	Two	Three

前面讲完了常用的部件，BLoC 模式，数据持久化等常用的，今天再介绍个重头戏 —— 网络请求

HttpClient

HttpClient 是 dart 自带的网络请求方式，在 dart:io 包下。使用 HttpClient 作为请求分以下几个步骤

1. 创建 HttpClient 实例

   HttpClient client = HttpClient();

2. 打开连接，并设置一些头参数，请求参数等

   // 如果 url 中没有查询参数可直接创建 Uri uri = Uri.parse('https://www.xxx.com'); // 如果存在查询参数则在 Uri 中添加 Uri uri = Uri(scheme: 'https', host: 'www.xxx.com', queryParameters: {'a': 'AAA'}); // 打开连接 HttpClientRequest request = await client.getUrl(uri); request.headers.add('token', 'Bear ${'x' * 20}'); // 添加头部 token 信息 // 如果是 post 或者 put 请求，通过 `add` 添加请求体 // 因为 `add` 方法需要传入 `List<int>` 参数，可以通过 utf8.encode 进行编码 request.add(utf8.encode('{"a": "aaa"}')); // 也可以通过添加流的方式进行添加 request.addStream(input);

3. 连接服务器

   // 设置 request 后通过 request.close() 获取一个响应对象 HttpClientResponse， // 包括响应头，响应内容等 HttpClientResponse response = await request.close();

4. 读取服务器响应内容

   String responseBody = await response.transform(utf8.decoder).join();

5. 关闭实例

   client.close();

上节讲了状态管理，但是当 App 重启后，数据就都丢失了，这样就比较尴尬了，什么都要重来，所以这节我们来讲下数据持久化。数据持久化主要有如下方式

• 文件读写
• shared_preferences 存储
• 数据库存储

持久化的实现都需要通过三方插件来实现，接着会慢慢介绍三种实现方式

Stream

在 dart 部分记得分享过 Stream 的文章链接，但是我知道你们肯定没几个愿意看的，所以这里再提下。还是得从源码开始…因为源码的注释比较长，就不贴注释了，可以自己看，我这边就提取一些关键信息。

Stream 是 Dart 提供的一种数据流订阅管理的”工具”，感觉有点像 Android 中的 EventBus 或者 RxBus，Stream 可以接收任何对象，包括是另外一个 Stream，接收的对象通过 StreamController 的 sink 进行添加，然后通过 StreamController 发送给 Stream，通过 listen 进行监听，listen 会返回一个 StreamSubscription 对象，StreamSubscription 可以操作对数据流的监听，例如 pause，resume，cancel 等。

Stream 分两种类型：

1. Single-subscription Stream：单订阅 stream，整个生命周期只允许有一个监听，如果该监听 cancel 了，也不能再添加另一个监听，而且只有当有监听了，才会发送数据，主要用于文件 IO 流的读取等。
2. Broadcast Stream：广播订阅 stream，允许有多个监听，当添加了监听后，如果流中有数据存在就可以监听到数据，这种类型，不管是否有监听，只要有数据就会发送，用于需要多个监听的情况。

在 Flutter 中，自带手势监听的目前为止好像只有按钮部件和一些 chip 部件，例如 Text 等部件需要实现手势监听，就需要借助带有监听事件的部件来实现了，这节我们会讲下 InkWell 和 GestureDetector 来实现手势的监听。

InkWell

在前面的一些例子中，小伙伴应该看到了好几次 InkWell 这个部件，通过它我们可以实现对一些手势的监听，并实现 MD 的水波纹效果，举个简单的一个例子

InkWell(
  child: Text('点我...点我...我能响应点击手势'),
  onTap: () => print('啊...我被点击了...')
),

那么当点击 Text 的时候就会响应点击事件，控制台输出日志

前面的小节把常用的一些部件都介绍了，这节介绍下 Flutter 中的一些操作提示。Flutter 中的操作提示主要有这么几种 SnackBar、BottomSheet、Dialog，因为 Dialog 样式比较多，放最后讲好了

SnackBar

SnackBar 的源码相对简单

const SnackBar({
    Key key,
    @required this.content, // 提示信息
    this.backgroundColor, // 背景色
    this.action, // SnackBar 尾部的按钮，用于一些回退操作等
    this.duration = _kSnackBarDisplayDuration, // 停留的时长，默认 4000ms
    this.animation, // 进出动画
  })

上节最后留了个坑到这节来解决，因为涉及部件比较多，所以留到这边来继续讲，不然写太多了怕小伙伴看不下去

在上节最后，给小伙伴们展示了 SliveGrid 和 SliverFixedExtentList 的用法，基本上和 GridView 和 ListView 的用法差不多，所以这边就不多讲这两个部件了。

SliverAppBar

相信很多 Android 开发的小伙伴会用到 MaterialDesign 的 CollapsingToolbarLayout 来实现折叠头部，既然 Android 有的，那么 Flutter 也不会少，毕竟 Flutter 主打的也是 MaterialDesign 啊。首先看下 SliverAppBar 的源码吧，其实和 AppBar 的参数差不多，只是多了一些比较特殊的属性

const SliverAppBar({
Key key,
this.leading,
this.automaticallyImplyLeading = true,
this.title,
this.actions,
this.flexibleSpace, // 通过这个来设置背景
this.bottom,
this.elevation,
this.forceElevated = false, // 是否显示层次感
this.backgroundColor,
this.brightness,
this.iconTheme,
this.textTheme,
this.primary = true,
this.centerTitle,
this.titleSpacing = NavigationToolbar.kMiddleSpacing,
this.expandedHeight, // 展开的高度
// 以下三个等例子再讲
this.floating = false,
this.pinned = false,
this.snap = false,
})

别的参数应该不陌生吧，都是 AppBar 的，那么直接来看个例子吧，还是通过上节说的 CustomScrollView 来包裹 Sliver 部件