使用"react native maps"构建应用程序时出现问题

这是我的背景.格雷德尔锉刀

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

android/app/build的依赖关系.格雷德尔锉刀

dependencies {
    compile project(':react-native-maps')
    compile fileTree(dir: "libs", include: ["*.jar"])
    compile "com.android.support:appcompat-v7:23.0.1"
    compile "com.facebook.react:react-native:+"  // From node_modules
    compile 'com.airbnb.android:react-native-maps:0.6.0'
}

这是我的主要活动.使用MapsPackage()更新的java文件

protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
            new MainReactPackage(),
            new MapsPackage()
        );
    }

即将发生的错误:

JS服务器已经在运行.

失败:生成失败,出现异常.

  • 出了什么问题:

    无法判断模块react 本机映射:名为"default"的配置n

  • try :

构建失败

总时间:13.479秒

我已经参考了给定链接https://github.com/lelandrichardson/react-native-maps/blob/master/docs/installation.md中提到的所有程序

我也看到了https://github.com/lelandrichardson/react-native-maps/issues/288个,但无法解决错误

请帮忙

推荐答案

错误出现在构建中的依赖项中.gradle文件请try 以下操作:

dependencies {
    compile fileTree(dir: "libs", include: ["*.jar"])
    compile "com.android.support:appcompat-v7:23.0.1"
    compile "com.facebook.react:react-native:+"  // From node_modules
    compile 'com.airbnb.android:react-native-maps:0.6.0'
}

删除第compile project(':react-native-maps')行,问题就解决了.这一行是rnpm link创建的,但它是一个bug.

在主要活动中.java应该是这样的:

package com.yourapp;   //<- put your app name
import com.facebook.react.ReactActivity;
import com.airbnb.android.react.maps.MapsPackage; //<- this line is important
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import java.util.Arrays;
import java.util.List;
public class MainActivity extends ReactActivity {
  @Override
  protected String getMainComponentName() {
    return "yourapp"; //<- put your app name
  }
  @Override
  protected boolean getUseDeveloperSupport() {
    return BuildConfig.DEBUG;
  }
  @Override
  protected List<ReactPackage> getPackages() {
    return Arrays.<ReactPackage>asList(
    new MainReactPackage(),
    new MapsPackage(this) //here you must be write the param this
    );
  }
}

React-native相关问答推荐

React Native:如何以编程方式对图像进行黑白过滤?

在 TouchableOpacity 上创建 Raised凸起或Shadow阴影效果

react-native alignSelf 中心并拉伸到 maxWidth?

在 react-native 中调试原生 java 代码

如何重置react-native 动画?

ReactNative FlatList 一次渲染所有元素?

React Native 有全局作用scope域吗?如果没有,我该如何模仿它?

在 Windows 上进行本机调试

如何删除不需要的expo 模块

Console.error:no permission handler detected

使用条码 scanner 掩码的透明视图react-native相机

在Android上更改高度时react-native TextInput显示错误

如何将 Leaflet.js 与 react-native 一起使用

在 React Native Navigator 中的组件之间传递值

React Native - 如何从推送通知中打开路由

使用 React Native 运行多个 iOS 模拟器?

如何在 Android 手机上运行 React Native 应用程序

React Native,更改 React Navigation 标题样式

如何将 React-Native 元素集成到 Android-Studio?

使用 TouchableWithoutFeedback react-native onPress 不起作用