Flutter 源码系列：DropdownButton 源码浅析

作为源码浅析系列的文章，我想说一下：

我发现很多人对于各种 widget 的使用不是很理解，经常会在群里问一些比较简单的问题，例如 TextField 如何监听确认按钮。

而关于Flutter 中控件的使用及实现方式，其实只要耐下心来好好的看一下它的构造函数和源码，都能看得懂。

而且我打算这个系列也不会讲的很深，也就是围绕这两点：1、构造函数 2、实现方式。

DropdownButton 构造函数及简单使用

其实关于 DropdownButton 的构造函数和简单使用我在上一篇文章中已经有过讲解，

如有不懂怎么用的，可以看这篇文章：Flutter DropdownButton简单使用及魔改源码。

下面重点说一下 DropdownButton 是如何实现的。

DropdownButton 的实现

我们需要带着如下几个问题去看源码：

1.DropdownButton 是用什么来实现的？2.在点击 DropdownButton 的时候发生了什么？3.为什么每次弹出的位置都是我上次选择item的位置？

带着如上问题，我们开始。

DropdownButton 是用什么实现的？

我们在上一篇文章中已经了解到，DropdownButton 是一个 statefulWidget，那我们想要了解他是如何实现的，就直接跳转到他的 _DropdownButtonState 类中。

二话不说，直接找到 build(BuildContext context) 方法。

Return 了什么

先看看 return 了个什么：

return Semantics(	
  button: true,	
  child: GestureDetector(	
    onTap: _enabled ? _handleTap : null,	
    behavior: HitTestBehavior.opaque,	
    child: result,	
  ),	
);

可以看到返回了一个 Semantics，这个控件简单来说就是用于视障人士的，对于我们正常APP来说可用可不用，如果是特殊的APP，那么建议使用。

然后下面 child 返回了一个手势：

1.onTap：判断是否可用，如果可用则走 handleTap 方法，如果不可用就算了。2.behavior：设置在命中的时候如何工作：