反应原生地图库

Question

当我输入时,我在安装react native map库时遇到问题:

npm install react-native-maps --save

错误显示:

react-native-maps错误

依赖关系:

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

Answer 1

正如 Rishabh 所说，你应该升级到最新版本的 react、react-native 和 react-native-maps。

根据您的项目的复杂程度，我经常发现最简单的升级方法是创建一个全新的、干净的项目：

react-native init MyProjectName

然后安装 react-native 地图（和其他其他依赖项）

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

然后将所有 Javascript 源代码复制到新项目中。

Answer 2

您可以将其升级为以下依赖项

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

要将 React Native 升级到最新版本，您可以按照官方文档进行操作。我在 React Native 博客中使用了“替代”部分。

升级您的 React Native 后，请按照以下步骤操作：

1. 使用以下命令安装 React Native 地图npm install react-native-maps --save（仅供参考）
2. 使用命令react-native link将react-native-maps资源与项目链接
3. 链接到项目后，通过检查以下文件确保其链接正确

4. 转到 android/app/build.gradle 并检查以下条目是否存在

   依赖项 {
   编译项目(':react-native-maps') 编译 fileTree(dir: "libs", include: ["*.jar"]) 编译 "com.android.support:appcompat-v7:23.0.1" 编译"com.facebook.react:react-native:+" // 来自node_modules }

5. 在android/settings.gradle中应该包含react-native-maps项​​目

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

6. 在android/app/src/main/java/com//MainApplication.java中应该注册react-native-maps包。

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

7. 转到 android/app/src/main/AndroidManifest.xml 在应用程序标签下添加以下内容。

如果您仍然遇到错误，请告诉我。也请分享重要的代码。