React Native Maps 错误编译 debugJavaWithJavac

React Native Maps Error compile debugJavaWithJavac

我是 React 的新手-native.I 尝试使用 npm i react-native-maps --save

在我的应用程序上添加 google 地图

我参考了这个 https://github.com/react-community/react-native-maps/blob/master/docs/installation.md 并按照所有步骤操作。我得到 Google API 并将其放入 AndroidManifest。我的 Google Play 服务版本 14.5.74。我也加了android/app/build.gradle。在这里

ext {
buildToolsVersion = "27.0.3"
minSdkVersion = 16
compileSdkVersion = 27
targetSdkVersion = 26
supportLibVersion = "27.1.1"
googlePlayServicesVersion = "14.5.74"
androidMapsUtilsVersion = "0.5+" }

我曾经

"dependencies": {
"@babel/runtime": "^7.1.5",
"react": "16.5.0",
"react-native": "0.57.0",
"react-native-maps": "^0.22.1" },

但是我得到一个错误

ask :react-native-maps:compileDebugJavaWithJavac FAILED D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolyline.java:8: error: cannot find symbol
import com.google.android.gms.maps.model.Cap; ^ symbol: class Cap location: package com.google.android.gms.maps.model D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolyline.java:12: error: cannot find symbol import com.google.android.gms.maps.model.RoundCap; ^ symbol: class RoundCap location: package com.google.android.gms.maps.model D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolyline.java:27: error: cannot find symbol private Cap lineCap = new RoundCap(); ^ symbol: class Cap location: class AirMapPolyline D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolyline.java:73: error: cannot find symbol public void setLineCap(Cap cap) { ^ symbol: class Cap location: class AirMapPolyline D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolylineManager.java:15: error: cannot find symbol import com.google.android.gms.maps.model.ButtCap; ^ symbol: class ButtCap location: package com.google.android.gms.maps.model D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolylineManager.java:16: error: cannot find symbol import com.google.android.gms.maps.model.Cap; ^ symbol: class Cap location: package com.google.android.gms.maps.model D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolylineManager.java:17: error: cannot find symbol import com.google.android.gms.maps.model.RoundCap; ^ symbol: class RoundCap location: package com.google.android.gms.maps.model D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolylineManager.java:18: error: cannot find symbol import com.google.android.gms.maps.model.SquareCap; ^ symbol: class SquareCap location: package com.google.android.gms.maps.model D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolyline.java:27: error: cannot find symbol private Cap lineCap = new RoundCap(); ^ symbol: class RoundCap location: class AirMapPolyline D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolylineManager.java:77: error: cannot find symbol Cap cap = null; ^ symbol: class Cap location: class AirMapPolylineManager D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolylineManager.java:80: error: cannot find symbol cap = new ButtCap(); ^ symbol: class ButtCap location: class AirMapPolylineManager D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolylineManager.java:83: error: cannot find symbol cap = new RoundCap(); ^ symbol: class RoundCap location: class AirMapPolylineManager D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolylineManager.java:86: error: cannot find symbol cap = new SquareCap(); ^ symbol: class SquareCap location: class AirMapPolylineManager D:_reactNative\MSB\LocationMap\node_modules\react-native-maps\lib\android\src\main\java\com\airbnb\android\react\maps\AirMapPolylineManager.java:89: error: cannot find symbol cap = new RoundCap(); ^ symbol: class RoundCap location: class AirMapPolylineManager Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. Note: Some input files use unchecked or unsafe operations. Note: Recompile with -Xlint:unchecked for details. 14 errors

  • What went wrong: Execution failed for task ':react-native-maps:compileDebugJavaWithJavac'.

    Compilation failed; see the compiler error output for details.

请问如何解决这个问题?

react-native-maps 依赖项不适用于 react-native version 0.57.0。请更新至0.57.4或最新版本。