如何在 expo/react-native 应用程序中添加自定义节点模块？

Question

我正在尝试在 react-native 中为 android 设备创建一个自定义插件，它可以从应用程序界面本身调用用户，而不是使用原生 android 应用程序并通过在 expo 应用程序中链接它来实现 expo 应用程序中的插件。 但是当我在我的 JS 代码中导入模块并使用它时，模块将变为空。

这是我的 build.gradle 文件

buildscript {
    repositories {
        jcenter()
        google()
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:3.4.1'
    }
}

apply plugin: 'com.android.library'

android {
    compileSdkVersion 28
    buildToolsVersion "28.0.1"

    defaultConfig {
        minSdkVersion 16
        targetSdkVersion 28
        versionCode 1
        versionName "1.0"
    }
    lintOptions {
        abortOnError false
    }
}

repositories {
    mavenCentral()
}

dependencies {
    compile 'com.facebook.react:react-native:+'
}

这是我的 package.json 文件

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "expo": "^33.0.0",
    "react": "16.8.3",
    "react-dom": "^16.8.6",
    "react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
    "react-native-react-native-call-app": "file:../react-native-call-app",
    "react-native-web": "^0.11.4"
  },
  "devDependencies": {
    "babel-preset-expo": "^5.1.1"
  },
  "private": true
}

//调用app模块的插件代码 https://github.com/NikhilOO7/react-native-call-app-module

// js代码

import RNReactNativeCallApp from "react-native-react-native-call-app";
onPress = id => {
        console.log(id, RNReactNativeCallApp);
        RNReactNativeCallApp.callPerson(id);
    };

Answer 1

如果你不想放弃 expo 并且仍然想要一种添加自定义原生模块的方法，这里有一个有趣的方法。

您必须退出 expo kit，但选择在那里使用 expo kit，在 app.json 文件中进行一些更改，并在 babel.config.js 中添加 module-resolver 插件。

仅通过这些更改，您就可以从同一个代码库中同时运行 expo 和弹出的 expo 应用程序。 在弹出版本中，您可以添加原生模块，在未弹出版本中，您可以简单地模拟原生功能。

这是您可以关注的完整博客，它还提供了一个入门工具包供您开始使用。 https://codersera.com/blog/running-expo-react-native-together/

Answer 2

您只能在弹出后添加自定义本机模块。 https://docs.expo.io/versions/latest/expokit/eject/