React biblioteki Native Mapy

Question

mam problemów z zainstalowaniem reagować natywne biblioteki map, gdy wpisuję:

npm install react-native-maps --save 

błąd pokazuje:

reagować-native mapy błędach

zależności:

"react": "15.3.2", 
"react-native": "0.36.0" 

Answer 1

Wygląda na to, że miałem problem sz build.gradle i settings.gradle, poprawione i teraz te części jego pracy

Answer 2

Można go uaktualnić do następujących zależności

"react": "15.4.1", 
"react-native": "^0.39.0" 

Aby uaktualnić reagują native do najnowszej wersji można śledzić offical doc. Użyłem "alternatywa" sekcja wzmianki w React native blog.

Po uaktualnić reagować natywną wykonać poniższe czynności:

1. Install reagować natywną mapę za pomocą następującego polecenia KMP zainstalować reagują-native-maps --save (for reference)
2. Użyj polecenia reagować-rodzimy związek połączyć reagowania-native zasób map z projektem
3. Po połączeniu do projektu upewnić się, że prawidłowo połączony poprzez sprawdzenie w następujących plików

4. Przejdź do Android/app/build.gradle i sprawdzić po wejściu istnieje lub nie

   zależności {
   kompilacji (projekt ': react-native-maps') compile fileTree (dir: "libs", include: ["* .jar"]) kompilacja "com.android.support:appcompat-v7:23.0.1" kompilacja " com.facebook.react: reagują-ojczysty: +”// Od node_modules }

5. w android/settings.gradle reagować-native mapy projektu powinny być włączone

   include ':react-native-maps' 
   project(':react-native-maps').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-maps/android') 
   

6. W Android/app/src/main/java/com // MainApplication.java pakiet reagować-native Mapy powinny być zarejestrowane.

   import com.airbnb.android.react.maps.MapsPackage; 
   ... 
   @Override 
   protected List<ReactPackage> getPackages() { 
       return Arrays.<ReactPackage>asList(
         new MainReactPackage(), 
         new MapsPackage() 
       ); 
   } 
   

7. przejść do Android/app/src/main/AndroidManifest.xml Dodaj następujący pod tagiem aplikacji.

Daj mi znać, jeśli nadal masz błąd. Proszę podzielić się ważną kodu, jak również.

Answer 3

Najpierw należy uaktualnić reagować i reagować rodzimy Jeżeli ty budujesz aplikację od podstaw następnie przejść z

„reagują”: „15.4.2" , "reagują-native": "^ 0.41.0" następnie zainstalować "npm reaguję-native-maps --save"

następnie wykorzystać dokumenty z https://github.com/airbnb/react-native-maps do konfiguracji modułów mapę w macierzystym składnika. przed uruchomieniem aplikacji reagują-natywne łącze.

Answer 4

jak Rishabh mówi, należy uaktualnić do najnowszej wersji reagować, reagują-rodzimych i reagować-native-map.

w zależności od tego, jak skomplikowany projekt jest , Często znajduję najłatwiejszy sposób aktualizacji, aby stworzyć zupełnie nowy, czysty projekt:

react-native init MyProjectName 

a następnie zainstalować reagują natywne mapy (i kolejne inne zależności)

npm install --save react-native-maps 
react-native link 

i skopiuj we wszystkich kod źródłowy JavaScript w nowym projekcie.

Answer 5

Uaktualnienie do najnowszych wersji map reagowania, natywnych i reagujących na natywne.

npm install --save react-native-maps 
(or Yarn add react-native-maps) 
    react-native link 

make pewien reagować-rodzimy Verion uaktualnić

Można zobaczyć mój projekt demo na github https://github.com/krishna201/react-native-maps/tree/master