ios - -[RCTRootView cancelTouches] `está en desuso y se eliminará pronto en el mapa nativo de reacción

react-native

Question

Estoy usando react-native-map y funciona bien en ios y android.

mi versión nativa de reacción es 0.61.2. Pero en ios, cuando hago clic en el mapa, aparece la advertencia "- [RCTRootView cancelTouches]` está en desuso y se eliminará pronto ".

¿Qué es esto y cómo eliminar esta advertencia?

Answer 1

La respuesta de Muhammed es en su mayoría correcta, sin embargo, para detener los bloqueos, también debe envolver la aplicación en el HOC React Native Gesture Handler de la siguiente manera:

index.js

import ''react-native-gesture-handler''
import { gestureHandlerRootHOC } from ''react-native-gesture-handler'';

index.js

AppRegistry.registerComponent(appName, () => gestureHandlerRootHOC(App));

Nota Debe tener estas importaciones como las primeras importaciones para que funcione la corrección.

Esto es cierto para React Native 61.2 y react-native-gesto-handler 1.4.1

Nota: Los documentos oficiales de React Native sugieren usar el módulo YellowBox para ignorar las advertencias como. Por ejemplo:

import {YellowBox} from ''react-native'';
YellowBox.ignoreWarnings([''`-[RCTRootView cancelTouches]`'']);

Answer 2

Vea este commit que ahora está en react-native 0.61+

Aunque dice obsoleto, de acuerdo con la conversación en esta solicitud de extracción , se agregará nuevamente al núcleo nativo de reacción.

Puedes descartarlo hasta que el equipo react-native elimine la advertencia:

console.ignoredYellowBox = [''Warning: `-[RCTRootView cancelTouches]`''];

O rebaja react-native a una versión inferior a 0.61.

Algunas bibliotecas como react-native-gesture-handler Gesture react-native-gesture-handler todavía llaman al método cancelTouches. Por eso ves esta advertencia.

Estaba usando el controlador de gestos nativos reactivos que dio esta advertencia en el modo de depuración y provocó bloqueos en las versiones de lanzamiento tanto en Android como en iOS. Se corrigieron los bloqueos al agregar el import ''react-native-gesture-handler'' en el nivel superior de index.js.