3
votes

Violation invariante: requireNativeComponent: "AIRMap" n'a pas été trouvé dans UIManager. Pas de solution?

J'ai suivi le guide sur la documentation de react-native-maps: j'ai eu l'erreur.

J'ai cherché partout sur stackoverflow et sur google et je n'ai pas pu trouver de solution.

J'ai essayé toutes les réponses que j'ai pu trouver sur les forums et j'obtiens toujours l'erreur.

L'erreur:

Violation invariante: requireNativeComponent: "AIRMap" n'a pas été trouvé dans UIManager.

Mon code:

import React from 'react';
import MapView from 'react-native-maps';
import { StyleSheet } from 'react-native';

export default class App extends React.Component {
  constructor() {
    super();
    this.state = {};
  }

  render() {
    return (
      <MapView
         style = {styles.map}
         showsUserLocation = {false}
         followUserLocation = {false}
         zoomEnabled = {true}
      />
   )
  }
}

const styles = StyleSheet.create ({
  map: {
     height: 400,
     marginTop: 80
  }
})

react-native

7 commentaires

Essayez-vous de fonctionner sur iOS, Android ou les deux?

Pour le moment je n'ai essayé que sur iOS

Désolé pour le retard. Comment avez-vous lié «react-native-maps»? Si vous avez utilisé react-native link react-native-maps avec npm, assurez-vous de l'avoir installé avec la balise --save .

J'ai utilisé react-native link react-native-maps . Mais j'ai utilisé du fil, donc je n'ai pas besoin d'ajouter --save n'est-ce pas?

C'est ainsi que cela est censé fonctionner, mais la documentation ne mentionne que le fil dans le contexte de l'exécution du script de post-installation.

Quelque chose de nouveau à ce sujet? Avez-vous réussi à résoudre le problème @jeanjohny?

obtenir le même problème sur Android. Quelqu'un l'a-t-il résolu?

4 Réponses :

0
votes

Essayez ceci:

ouvrez le projet xcode> votre projet> Phases de construction> Lier les binaires> Supprimer libAirMaps.a> puis ajoutez-le à nouveau> vérifiez si cela fonctionne ... vérifier l'image pour des instructions détaillées

Modifier: si vous avez déjà installé react-native-maps, essayez d'ajouter AirMapsLib manuellement. Suivez les instructions sur cette image. après cela, réessayez l'instruction ci-dessus.

3 commentaires

Malheureusement, je ne trouve pas libAirMaps.a Ce n'est pas dans la liste et lorsque j'essaye de l'ajouter, xcode ne le trouve pas

Merci pour votre réponse ! Donc, pour faire de mon mieux, je dois suivre les instructions de la documentation officielle (en utilisant react-native link react-native-maps ) et ensuite je suis les images de votre réponse mise à jour?

Le problème persiste…

0
votes

Veuillez consulter ces deux liens qui vous fournissent des informations détaillées sur l'intégration de React Native Map dans iOS et Android

Lien d'intégration de carte 1 pour Android et iOS

Carte lien d'intégration 2

Parfois, la bibliothèque iOS ne se lie pas correctement, vous devez donc ajouter manuellement la bibliothèque dans Xcode.

1 commentaires

Le problème persiste après les deux didacticiels

0
votes

Je ne suis pas encore confronté à ce problème sous iOS mais sur Android. Violation invariante: requireNativeComponent: xxx introuvable dans UIManager

Le problème semble être la dépendance n'est pas liée à votre projet, donc 2 solutions pour ce problème (en fonction de votre «dépendance») p >

exécutez react-native link dans le terminal / cmd au chemin de votre projet.
Ajoutez manuellement la dépendance dans votre MainApplication.java comme indiqué ci-dessous:

Ajoutez manuellement la dépendance dans votre MainApplication.java comme indiqué ci-dessous:

@Override
    protected List<ReactPackage> getPackages() {      

      @SuppressWarnings("UnnecessaryLocalVariable")
      List<ReactPackage> packages = new PackageList(this).getPackages();
      // Packages that cannot be autolinked yet can be added manually here, for 
      packages.add(new RNFirebaseAnalyticsPackage());
      packages.add(new xxxPackage());
    }

Il peut y avoir

0 commentaires

0
votes

J'ai résolu ce problème en exécutant uniquement react-native run-android.
Remarque: si vous avez exécuté un lien de réaction native, dissociez-le d'abord.

0 commentaires