I am trying to implement React Native MapView
for Android. I did follow github installation instruction but i am facing compilation error when i try to run usin
did you able to make it work ?. i found another solution. in my case, this happens because of the version of react-native (0.59.0). so i change my react-native version in my package.json file form 0.59.0
to ^0.58.6
. and the react-native-maps version to ^0.23.0
. here are the other steps.
1) in app level settings.gradle, include this
include ':react-native-maps'
project(':react-native-maps').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-maps/lib/android')
2) in project level gradle, remove or comment
ext {
buildToolsVersion = "28.0.3"
minSdkVersion = 20
compileSdkVersion = 28
targetSdkVersion = 28
supportLibVersion = "28.0.0"
}
(inside buildscript{})
3) also in project level gradle, change the classpath. build.gradle version to 3.1.1
classpath 'com.android.tools.build:gradle:3.1.1'
also add another url inside maven{} (inside allprojects{})
maven {
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
url "https://maven.google.com"
url "$rootDir/../node_modules/react-native/android"
}
4) now change app level gradle as follows
first, change compileSdkVersion to 28 and add new buildToolVersion
compileSdkVersion 28
buildToolsVersion "27.0.3"
then, change min and target SdkVersion as follows (inside defaultConfig)
defaultConfig {
applicationId "com.mapviewdemo"
minSdkVersion 16
targetSdkVersion 22
versionCode 1
versionName "1.0"
}
5) in your AndroidManifest.xml,
first add this code. this is to give permission to access location on your device. add this before
tag.
then you have to add your meta-data before tag.
(add your own API key for android:value
)
6) then run npm install
and try whether this working or not. if this isn't working, you have to download Android SDK from android studio. in my case, i downloaded Android 7.0 and 6.0