Я использую реагирующую-карты-карты для отображения Mapview на своей странице, к сожалению, он работает в Iphone, но не отображает Mapview в Android, он только показывает логотип, и да, я выполнил все шаги по настройке, как они упоминаются в документации.
Установите собственные карты-реакции, используя:
npm install react-native-maps --save
Карты ссылок:
react-native link react-native-maps
Проверьте проект response-native-maps в android/settings.gradle
:
include ':react-native-maps'
project(':react-native-maps').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-maps/lib/android')
Проверьте зависимость вашего приложения в android/app/build.gradle
:
dependencies {
...
compile project(':react-native-maps')
...
}
Чек android/build.gradle
:
ext {
buildToolsVersion = "27.0.3"
minSdkVersion = 16
compileSdkVersion = 27
targetSdkVersion = 26
supportLibVersion = "27.1.1"
googlePlayServicesVersion = "11.8.0"
androidMapsUtilsVersion = "0.5+"
}
Укажите свой API Карт Google. Введите android/app/src/main/AndroidManifest.xml
:
<meta-data
android:name="com.google.android.maps.v2.API_KEY"
android:value="MY API KEY"/>
Это мои package.json
зависимости файлов
"dependencies": {
"accordion-collapse-react-native": "^0.1.6",
"buffer": "^5.2.1",
"react": "16.6.0-alpha.8af6728",
"react-native": "0.57.3",
"react-native-calendars": "^1.21.0",
"react-native-check-box": "^2.1.5",
"react-native-chooser": "^1.7.0",
"react-native-datepicker": "^1.7.2",
"react-native-map-link": "^2.1.6",
"react-native-maps": "^0.23.0",
"react-native-maps-directions": "^1.6.0",
"react-native-modal-datetime-picker": "^6.0.0",
"react-native-modal-dropdown": "^0.6.2",
"react-native-photo-upload": "^1.3.0",
"react-native-popover-tooltip": "^1.1.4",
"react-native-popup-dialog": "^0.15.1",
"react-native-rating": "^2.0.4",
"react-native-searchable-dropdown": "^1.0.5",
"react-native-side-menu": "^1.1.3",
"react-native-vector-icons": "^6.0.2",
"react-navigation": "^2.12.0"
},