Flutter开发LongPressDraggable、Draggable 的onDragEnd没有被调用

在这里插入图片描述

文章目录

  • onDragEnd 什么时候执行?
  • onDragEnd 在拖动结束时没有被调用的可能原因

onDragEnd 什么时候执行?

onDragEnd 回调函数在拖动结束时执行,但要注意,拖动结束有多种情况,不仅仅是松开手指触发的。

onDragEnd 会在以下情况下执行:

用户松开手指(Draggable 结束): 当用户在拖动小部件时松开手指,onDragEnd 会被调用。

拖动到 DragTarget 区域(Drop 结束): 如果拖动的小部件被拖动到一个 DragTarget 区域并成功放置,也会触发 onDragEnd。

拖动到不接受的 DragTarget 区域(Drop 结束): 如果拖动的小部件被拖动到一个不接受的 DragTarget 区域并且没有放置,同样会触发 onDragEnd,但此时 details.wasAccepted 为 false。

请确保你的 onDragEnd 回调函数中包含了你期望的逻辑,同时检查拖动的目标是否接受了拖动对象。如果 onDragEnd 在你的场景中没有被调用,建议使用 onDragCompleted 进行调试,它会在拖动结束后,不论是否成功放置,都被调用。

LongPressDraggable(// ...onDragCompleted: () {print('Drag Completed');},// ...
);

通过在 onDragCompleted 中输出调试信息,你可以更容易地理解拖动行为的流程。

onDragEnd 在拖动结束时没有被调用的可能原因

如果 onDragEnd 在拖动结束时没有被调用,有几个可能的原因:

拖动对象没有成功放置到接受的 DragTarget 区域: 如果拖动对象被拖动到 DragTarget 区域但未成功放置,onDragEnd 可能不会被调用。确保目标区域可以接受拖动对象并检查 DragTarget 中的 onWillAccept 和 onAccept 方法。

DragTarget(onWillAccept: (data) {// 检查是否接受拖动对象return true; // 或者根据具体逻辑返回 true 或 false},onAccept: (data) {// 处理接受的拖动数据},builder: (BuildContext context, List<dynamic> candidateData, List<dynamic> rejectedData) {// 构建 DragTarget 区域// ...},
)

在拖动期间发生错误: 如果在拖动对象被拖动时发生错误,可能会影响 onDragEnd 的触发。确保没有其他可能导致拖动问题的错误。

拖动对象被释放到 DragTarget 区域之外: 如果拖动对象被拖到屏幕外部或其他不可见区域,onDragEnd 可能不会被调用。确保拖动对象在屏幕上可见的有效区域内。

onDragEnd 中的逻辑正确并且没有被其他部分的代码所影响。在你的 LongPressDraggable 中,确保 onDragEnd 没有被其他 GestureDetector、InkWell 或其他与手势相关的小部件所覆盖或拦截。


结束语
Flutter是一个由Google开发的开源UI工具包,它可以让您在不同平台上创建高质量、美观的应用程序,而无需编写大量平台特定的代码。我将学习和深入研究Flutter的方方面面。从基础知识到高级技巧,从UI设计到性能优化,欢饮关注一起讨论学习,共同进入Flutter的精彩世界!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/696302.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【国产MCU】-CH32V307-通用定时器(GPTM)-单脉冲模式

通用定时器(GPTM)-单脉冲模式 文章目录 通用定时器(GPTM)-单脉冲模式1、单脉冲模式介绍2、驱动API介绍3、单脉冲使用实例本文将详细介绍如何使用CH32V307通用定时器的单脉冲模式。 1、单脉冲模式介绍 单脉冲模式可以响应一个特定的事件,在一个延迟之后产生一个脉冲,延迟…

Seata 的 AT 模式

目录 概述 Springcloud 整合 Seata 数据库脚本 服务依赖 Springboot 配置 代码改造 AT模式下的数据隔离 写隔离 读隔离 概述 Seata 的 AT 模式是 Seata 的默认模式&#xff0c;它的原理是依赖于数据库事务&#xff0c;以数据库事务保证本地事务分支特性&#xff0c;结合…

windows系统用VS环境开发linux程序之一

主要有两种方法&#xff0c;一种是在windows中安装linux子系统&#xff0c;即WSL&#xff0c;另一种是windows系统装linux虚拟机。 这里先用虚拟机方法。参考文章&#xff1a; 用VS2015开发Linux程序详细教程-配置篇_vs2015可以在linux安装吗-CSDN博客 这篇基本就够了。不过…

nginx之web性能location优先级

4.2 event事件 events {worker_connections 65536; #设置单个工作进程的最大并发连接数use epoll;#使用epoll事件驱动&#xff0c;Nginx支持众多的事件驱动&#xff0c;比如:select、poll、epoll&#xff0c;只能设置在events模块中设置。accept_mutex on; #on为同一时刻一个…

设计模式之委派模式

文章目录 前言正文一、生活中的例子二、Java代码实现2.1 类设计2.2 代码实现2.2.1 Employee2.2.2 ArchitectureDesignEmployer2.2.3 BackEmployer2.2.4 FrontEmployer2.2.5 Leader2.2.6 EmployeeStrongPointEnum2.2.7 Boss 2.3 测试2.3.1 Client2.3.2 测试结果 三、委派模式的优…

Docker Desktop 4.27.1 Windows 10 安装 教程

Docker Desktop 4.27.1 Windows 10 安装 版本要求windows 版本要求wsl 版本要求docker desktop 版本 安装首先确保系统版本符合要求前提下安装wsl安装 Dockers Desktop安装说明 安装问题docker Desktop 无法正常启动&#xff0c;提示wsl 相关信息wsl --install 执行输出帮助日志…

Python 程序中查看 Python version

Python 程序中查看 Python version 1. Code2. OutputReferences 1. Code #!/usr/bin/env python3 # -*- coding:utf-8 -*-import platform import sysprint("\nplatform.python_version():") print(platform.python_version())print("\nsys.version:") pr…

springboot大学生体质测试管理系统源码和论文

大学生体质测试管理系统提供给用户一个简单方便体质测试管理信息&#xff0c;通过留言区互动更方便。本系统采用了B/S体系的结构&#xff0c;使用了java技术以及MYSQL作为后台数据库进行开发。系统主要分为系统管理员、教师和用户三个部分&#xff0c;系统管理员主要功能包括首…

图像分类入门:使用Python和Keras实现卷积神经网络

文章标题&#xff1a;图像分类入门&#xff1a;使用Python和Keras实现卷积神经网络 简介 图像分类是计算机视觉领域的一个重要任务&#xff0c;它涉及将图像分成不同的类别或标签。卷积神经网络&#xff08;CNN&#xff09;是图像分类任务中的一种常用模型&#xff0c;它能够…

rust实战系列十四:复合数据类型

复合数据类型可以在其他类型的基础上形成更复杂的组合关系。 本章介绍tuple、struct、enum等几种复合数据类型。数组留到第6章介绍。 2.3.1 tuple tuple指的是“元组”类型&#xff0c;它通过圆括号包含一组表达式构成。tuple内的元素没 有名字。tuple是把几个类型组合到一起的…

第三十九天| 62.不同路径、63. 不同路径 II

Leetcode 62.不同路径 题目链接&#xff1a;62 不同路径 题干&#xff1a;一个机器人位于一个 m x n 网格的左上角 &#xff08;起始点在下图中标记为 “Start” &#xff09;。 机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角&#xff08;在下图中标记为 “…

c#之列表

// List<int> scoreList new List<int>();//创建空列表var scoreListnew List<int>();//匿名方式创建scoreList.Add(912);//插入数据scoreList.Add(45);scoreList.Add(415);scoreList.Add(452);scoreList.Add(4451);scoreList.Add(245);scoreList.Add(445);…

十六、多边形填充和绘制

项目功能实现&#xff1a;对多边形进行轮廓绘制和填充 按照之前的博文结构来&#xff0c;这里就不在赘述了 一、头文件 mult-drawing.h #pragma once#include<opencv2/opencv.hpp>using namespace cv;class Mult_Drawing { public:void mult_drawing(); };#pragma onc…

vue如何动态加载显示本地图片资源

在实际开发中&#xff0c;根据某一个变量动态展示图片的情况有很多。实现方法分打包构建工具的差异而不同。 1、webpack的项目 require引入图片资源 2、vite的项目 new URL(url,base).href 疑问解答&#xff1a;为什么vite项目不可以用require&#xff1f; 原因在于&#xf…

Elastic Stack--01--简介、安装

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 1. Elastic Stack 简介为什么要学习ESDB-Engines搜索引擎类数据库排名常年霸榜![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/051342a83f574c8c910cda…

微信小程序独立分包与分包预下载

官网链接 独立分包配置方法 独立分包使用限制 独立分包中不能依赖主包和其他分包中的内容&#xff0c;包括 js 文件、模板、wxss、自定义组件等&#xff1b;App 只能在主包内定义&#xff0c;独立分包中不能定义 App&#xff0c;会造成无法预期的行为独立分包中暂时不支持使用…

cocos creator3.x项目打包成aar 加入到已有的Android工程

Cocos crearor版本&#xff1a; 3.4.2 Android Studio Flamingo | 2022.2.1 Patch 2 1、配置构建安卓项目 2、 运行编译无报错 出现问题可尝试修改Gradle版本 修改jdk版本 3、对libservice打包成aar 打包完后 再build/outputs找到aar 如果看不到Tasks模块&#xff0c;在Fil…

sqlserver触发器

在SQL Server中&#xff0c;触发器是一种特殊的数据库对象&#xff0c;它们会在表上执行特定的操作时自动触发。触发器可以用于在表上插入、更新或删除数据时执行自定义的逻辑。触发器通常用于实施数据完整性约束、审计和日志记录等操作。 触发器有三种主要类型&#xff1a; 插…

人机交互新研究:MIT开发了结合脑电和眼电的新式眼镜,与机器狗交互

还记得之前的AI读心术吗&#xff1f;最近&#xff0c;「心想事成」的能力再次进化&#xff0c; ——人类可以通过自己的想法直接控制机器人了&#xff01; 来自麻省理工的研究人员发表了Ddog项目&#xff0c;通过自己开发的脑机接口&#xff08;BCI&#xff09;设备&#xff…

面试答疑03

1、登录鉴权怎么做的&#xff1f;为什么采用jwt的方式&#xff1f;有什么好处&#xff1f; Java登录鉴权常见的实现方式包括**CookieSession、HTTP Basic Authentication、ServletJDBC**等。 在Java的Web应用中&#xff0c;登录鉴权是确认用户身份的关键环节。一个常用的传统…