React Native Swipe Drag Drop

Link do artigo

Mirar

A Comunidade Nativa do React não publicou nenhum documento ou fonte oficial para realizar gestos de toque de arrasto-drag-drop-swipe em um componente. Tenho algumas experiências no uso do Touch Gestes em um componente em alguns projetos, então tentei mostrar esses recursos em um aplicativo nativo de reação simples. Espero que isso ajude para você.

Instalação

Vamos começar a instalar os pacotes necessários.

yarn install

Existem algumas linhas que precisamos adicionar no lado do Android. Esta etapa não é necessária para o iOS. As linhas a serem adicionadas são indicadas com "+". O caminho é, 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 ) ;
  +     }
  +   } ;
  + }
  
}

Nosso exemplo de aplicativo pronto!

yarn run android

Podemos executá -lo com o comando escrito acima em um emulador Android.