React Native Swipe Drag Drop

Ссылка на статью

Цель

Native Community React не опубликовало никаких официальных документов или источника, чтобы реализовать жесты с привязкой к перетаскиванию на компоненте. У меня есть некоторые опыт использования жестов на сенсорных жестах на компоненте некоторые проекты, поэтому я попытался показать эти функции в простом нативном приложении React. Я надеюсь, что это поможет вам.

Установка

Давайте начнем устанавливать необходимые пакеты.

yarn install

Есть некоторые линии, которые мы должны добавить на стороне Android. Этот шаг не требуется для iOS. Добавленные линии указаны с «+». Путь, Android/App/src/main/java/mainActivity.java

 package com . gesturehandler ;

import com . facebook . react . ReactActivity ;

+ import com . facebook . react . ReactActivityDelegate ;
+ import com . facebook . react . ReactRootView ;
+ import com . swmansion . gesturehandler . react . RNGestureHandlerEnabledRootView ;

public class MainActivity extends ReactActivity {

  /**
   * Returns the name of the main component registered from JavaScript. This is used to schedule
   * rendering of the component.
   */
  @ Override
  protected String getMainComponentName ( ) {
    return "gestureHandler" ;
  }

  + @ Override
  + protected ReactActivityDelegate createReactActivityDelegate ( ) {
  +   return new ReactActivityDelegate ( this , getMainComponentName ( ) ) {
  +     @ Override
  +     protected ReactRootView createRootView ( ) {
  +       return new RNGestureHandlerEnabledRootView ( MainActivity . this ) ;
  +     }
  +   } ;
  + }
  
}

Наше пример приложение готово!

yarn run android

Мы можем запустить его с указанной выше командой на эмуляторе Android.