反应原生地图库

时间:2016-11-09 13:51:14

标签: android react-native maps

当我输入:

时,我在安装react native map库时遇到问题
npm install react-native-maps --save

错误显示:

react-native-maps错误 enter image description here

依赖关系:

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

7 个答案:

答案 0 :(得分:4)

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

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

react-native init MyProjectName

然后安装react-native maps(以及其他其他依赖项)

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

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

答案 1 :(得分:0)

似乎我在build.gradle和settings.gradle方面遇到了一些问题,纠正了这些部分,现在还在工作

答案 2 :(得分:0)

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

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

要将本机版本升级到最新版本,您可以按照官方文档进行操作。我用过" Alternative" React native blog.

中的部分提及

升级后,您的反应原生人按照以下步骤进行操作:

  1. 使用以下命令 npm install安装反应原生地图 react-native-maps --save for reference
  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中应该包含
  6. react-native-maps项​​目

    include ':react-native-maps'
    project(':react-native-maps').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-maps/android')
    
  7. 在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()
        );
    }
    
  8. 转到android / app / src / main / AndroidManifest.xml,在应用程序标记下添加以下内容。

  9. 如果您仍然收到错误,请告诉我。请分享重要的代码。

答案 3 :(得分:0)

你应该首先升级反应并做出本机反应。如果你是从头开始构建应用程序,那么请使用

&#34;反应&#34;:&#34; 15.4.2&#34;, &#34; react-native&#34;:&#34; ^ 0.41.0&#34; 然后安装&#34; npm i react-native-maps --save&#34;

然后使用https://github.com/airbnb/react-native-maps中的文档在本机组件中设置地图模块。 在启动应用程序之前,请执行react-native链接。

答案 4 :(得分:0)

升级到react,react-native和react-native-maps的最新版本。

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

确保react-native verion升级

你可以在github上看到我的演示项目 https://github.com/krishna201/react-native-maps/tree/master

答案 5 :(得分:0)

这很复杂。我自己也遇到了麻烦。

首先使用Android Studio更新SDK(在Android的情况下)。

创建一个RN项目。在RN项目主管中使用带有android文件夹的Android Studio / Eclipse打开项目。

更新项目的gradle版本。

请参阅此处。 https://www.youtube.com/watch?v=c0P87WblPKU

以特定于应用程序和特定于项目的方式更新build.gradle文件 它使用实现。

然后安装react-native-maps。按照指示手动更新android和iOS本机文件。它会起作用。

答案 6 :(得分:0)

我更喜欢将纱线用于依赖项管理。您可以按照https://yarnpkg.com/en/docs/install轻松地在系统上进行安装。

简单易用

yarn add react-native-maps