React Native新组件之SwipeableFlatList

做过移动开发的同学都应该清楚，侧滑删除是移动开发中的一个常见功能。在官方没提供侧滑组件之前，要实现侧滑效果需要使用第三方库，如react-native-swipe-list-view。不过随着React Native 0.50版本的发布，系统新添加SwipeableFlatList组件，SwipeableFlatList是在FlatList基础上实现的侧滑显示菜单的功能，大大的方便了开发。

SwipeableFlatList支持FlatList的所有的属性和方法，另外它还有三个自己的属性，在使用SwipeableFlatList实现侧滑效果时需要处理这三个属性。

• bounceFirstRowOnMount: bool 是一个bool属性，默认是YES，表示第一次是否先滑一下FlatList的Item；
• maxSwipeDistance: number 或者 func， 必须要赋值，表示向左滑动的最大距离
• renderQuickActions：func，必须要赋值，表示滑动显示的内容。

下面让我们实现一个简单的侧滑删除的实例，其效果如下：

SwipeableFlatList代码如下：