React Native Swipe Drag Drop

Enlace del artículo

Apuntar

React Native Community no ha publicado ningún documento o fuente oficial para realizar gestos táctiles de arrastre de arrastre de arrastre en un componente. Tengo algunas experiencias en el uso de gestos táctiles en un componente algunos proyectos, así que he tratado de mostrar estas características en una aplicación simple de React Native. Espero que te ayude.

Instalación

Comencemos a instalar los paquetes requeridos.

yarn install

Hay algunas líneas que debemos agregar en el lado de Android. Este paso no es necesario para iOS. Las líneas a agregar se indican con "+". La ruta es, 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 ) ;
  +     }
  +   } ;
  + }
  
}

¡Nuestra aplicación de ejemplo lista!

yarn run android

Podemos ejecutarlo con el comando escrito anterior en un emulador de Android.