Flutter右滑左滑/喜欢or不喜欢插件Drag_like

仓库地址：https://github.com/ihongwu/DragLike

插件安装：https://pub.dev/packages/drag_like

drag_like

1. Flutter左滑右滑/喜欢、不喜欢的特效插件
2. 支持划出事件回调，通知上层是左边划出还是右边划出
3. 支持滑动进度回调
4. 支持第二层widget缩放完成回调，缩放完成时刷新数据
5. 支持手指抬起回调

注意事项

1. 纯flutter实现，内部使用setState刷新布局，滑动widget不要过于复杂
2. 目前为滑动到指定距离后，松手即可划出屏幕

待实现

1. 滑动时，如果达不到设置的距离，但是手速较快的话，也需要松手时划出屏幕（等待大神提交代码）

安装

在工程 pubspec.yaml 中加入 dependencies

dependencies:
  drag_like: ^last version

效果图

使用方法

DragLike(
  child: imagelist.length <=0 ? Text('加载中...') : ClipRRect(
    borderRadius: BorderRadius.circular(10),
    child: TestDrag(src:imagelist[0])
  ), 
  secondChild: imagelist.length <= 1 ? Container(): ClipRRect(
    borderRadius: BorderRadius.circular(10),
    child:TestDrag(src:imagelist[1])
  ), 
  screenWidth: 375, 
  outValue: 0.6,
  onChangeDragDistance: (distance){
    /// {distance: 0.17511112467447917, distanceProgress: 0.2918518744574653}
    print(distance.toString());
  },
  onOutComplete: (type){
    /// left or right
    print(type);
  },
  onScaleComplete: (){
    imagelist.remove(imagelist[0]);
    if(imagelist.length == 0) {
      loaddata();
    }
    setState(() {});
  },
  onPointerUp: (){
    
  },
),

回调方法

onOutComplete

onOutComplete: (type){
	/// left or right
	print(type);
},

onScaleComplete

onScaleComplete: (){
	imagelist.remove(imagelist[0]);
	if(imagelist.length == 0) {
		loaddata();
	}
	setState(() {});
},

onChangeDragDistance

1. distance滑动距离，0-1，超过设置的值将会划出widget
2. distanceProgress，根据设置的划出边界值的百分比，0-1+，方便做一些特效，超过1即代表松手就会划出边界

onChangeDragDistance: (distance){
	/// {distance: 0.17511112467447917, distanceProgress: 0.2918518744574653}
	print(distance.toString());
},

onPointerUp

onPointerUp: (){

},