Flutter DragTarget接收拖拽Draggable部件

拖拽Draggable小部件时接收数据的小部件。DragTarget和Draggable结合使用 完整介绍

参数详解

属性 说明
builder

被调用来构建这个小部件的内容

Widget DragTargetBuilder (

    BuildContext context,

    List<T> candidateData,// 传递的数据  集合

    List rejectedData  // 不会被接收的数据集合

)

onWillAccept 是否接收拖动目标给定数据
onAccept 接收数据时调用
onLeave 拖动部件 离开时调用

代码示例

DragTarget(
  onWillAccept:(String data){
    //接收所有
    return true;
  },
  builder: (context, candidateData, rejectedData){
    return Container(
      alignment: Alignment.center,
      height: 250,
      width: 250,
      color: Colors.black26,
      child: Text('data'),
    );
  },
  
  onAccept:(String data){
    //接收到数据
    print('onAccept : $data');
  },
  onLeave:(String data){
    //数据来了 又离开了
    print('onLeave : $data');
  },
),

 效果图

完整代码

查看完整代码

发布了86 篇原创文章 · 获赞 166 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/ruoshui_t/article/details/100596635