Flutter开发：仿iOS侧滑删除效果的实现

前言

在Flutter开发中，基于原生移动端开发的思想也会运用到混合开发中，尤其是原生移动的的好的特性和交互效果更是如此。在现在的发展情况下，Flutter下的混合开发已经越来越替代原生移动的开发，同时也会继承原生开发的优点，那么本文就来分享一下关于Flutter开发中仿iOS原生向左侧滑删除cell的item的效果，记录下来，方便查阅使用。

侧滑删除功能

首先来了解一下侧滑删除功能，移动端实际开发过程中关于侧滑删除的使用是非场景的操作，早期原生app开发的时候侧滑删除功能只有iOS的侧滑删除做的最“丝滑”，直到后来混合开发的兴起以及原生开发的进一步发展，侧滑删除的效果逐渐在各端保持了越来越一致的效果。在app中，最常用的侧滑删除是运用在列表展示，比如侧滑删除列表某一行数据，再比如最常见的聊天记录列表侧滑删除某一条记录等等，这些都是最常用的侧滑删除的使用场景。

Flutter的侧滑删除

在Flutter中，侧滑删除的使用和原生app中的侧滑删除类似，只是使用的控件不一样罢了。Flutter中要想实现侧滑删除，就需要使用控件Dismissble，它是直接实现侧滑删除的功能。Flutter的源码是这样介绍Dismissble的：

A widget that can be dismissed by dragging in the indicated [direction].

上面的源码介绍也就一句话，大概意思就是可以通过在指定的方向上拖动来关闭的小部件。具体的使用下面会介绍到。

侧滑删除实现

实现侧滑删除的功能效果，其实可以分为两个模块ÿ