Перетаскивание с поддержкой касания для response.js

Как реализовать перетаскивание для actions.js Facebooks с поддержкой событий касания?

Там пара question и статьи и библиотеки о перетаскивании для response.js, но ни один из них не упоминает о событиях касания, и ни одна из демонстрационных работ на моем телефоне.

В общем, я задаюсь вопросом, что было бы самым простым: попробуйте реализовать это, используя существующие библиотеки d & d, которые уже поддерживают прикосновение, но может потребоваться некоторая работа для правильной работы вместе с реакцией. Или попробуйте использовать любой из реагирующих d & d примеров и заставить их работать с сенсорным интерфейсом (что, видя эту проблему, может и не быть тривиальным? )

Ответ 1

Вы уже упоминали react-dnd, и я делаю PR, которые позволяют dnd для сенсорных устройств, чтобы вы могли попробовать.

Ответ 2

реакция-движение (с событиями касания)

Мы попробовали " react-motion" для перетаскивания элементов в списке. С более чем 15-20 пунктов он становится действительно лагги. (Но с небольшим списком он работает хорошо, как в этом demo). Имейте в виду, что мобильные устройства намного медленнее настольных компьютеров.

Важное примечание об реагировании: Не забудьте использовать режим производства при тестировании вашей анимации!

реакция-dnd (с событиями касания)

Второй вариант: react-dnd ". Это отличная библиотека. Это низкий уровень, однако довольно легко понять, как с ним работать. Но сначала" response-dnd" не был для нас опцией из-за отсутствия поддержки сенсорных событий.

Позже, когда Yahoo выпустила react-dnd-touch-backend, мы решили переключить наше приложение с "реактивного движения" на "response-dnd". Это решило все наши проблемы с производительностью. У нас есть список 50-70 пунктов, и он работает, как и ожидалось.

Yahoo сделала действительно хорошую работу, и решение работает в наших производственных приложениях.

Ответ 3

Я использую его с библиотекой анимации Greensock, и она работает хорошо.