Mi proyecto react-js admite múltiples plataformas web, de escritorio, móviles y tiene una función que utiliza la biblioteca de arrastrar y soltar (DND). Sin embargo, la función de arrastrar y soltar (DND) nunca se desarrolló para plataformas móviles.

Ahora, también necesitamos admitir la función DND para la plataforma móvil.

Para arrastrar y soltar, estoy usando los siguientes paquetes npm:

1. reaccionar-dnd
2. reaccionar-dnd-html5-backend

Para admitir la plataforma móvil, estoy usando la biblioteca react-dnd-touch-backend

Problema: en la plataforma móvil, el elemento se vuelve invisible cuando se arrastra. Por favor, eche un vistazo al siguiente gif.

He seguido, a continuación, el blog paso a paso y he visitado un par de otros blogs, pero todos tienen el mismo problema. https://medium.com/litslink/react-dnd-in-examples-ce509b25839d

Si uso react-beautiful-dnd, entonces todo funciona bien y el elemento es visible durante el arrastre, pero no puedo usar ninguna otra biblioteca excepto react-dnd porque ya se está usando en el proyecto y no es necesario tener varias bibliotecas para el mismo trabajo. un enfoque ideal.

Otra razón para no usar react-beautiful-dnd es que la compañía Atlassian ha puesto esta biblioteca en modo de fin de vida útil y todas las mejoras de funciones se han detenido.

Por favor, ayúdenme a solucionar el problema del elemento invisible durante el arrastre en la biblioteca de react-dnd o háganme saber si me falta algo.