我是否正确安装了 React Native 模块示例项目

Did I install React Native module Sample project correctly

我是一名 RN 初学者,如果我能得到一些反馈,我将不胜感激,我是否正确安装了带有模块的 React Native 项目及其示例。我一直无法找到正确解释整个过程的资源。

我尝试安装的模块和示例是 ReactNative:本机照片编辑器:https://github.com/prscX/react-native-photo-editor

我相信我有 Node.js、Java 和 Android Studio 的正确先决条件,所有最新的官方版本。据我了解,此模块不支持 Expo,但我确实支持,但我将 npx 用于此。

我的过程:

npx react-native init test
cd test
yarn add react-native-photo-editor
Download project Zip, extract Example folder content to /test
Add code to built.gradle and app activities as instructed in [1]
npx react-native run-android

这是在 RN 上添加模块的正确方法还是我做错了什么?

RN库有两种类型:JS OnlyJS + Native Code (I called RN Module)。当你使用 JS Only 安装库时,只需 运行 npm install --save library_nameyarn add library_name。够了。如果你安装 RN 模块,在安装库之后,你必须 link 它来连接 Javascript 和本机代码。了解RN库类型的简单方法:查看github/node_modules中的源代码结构,如果看到android/ios文件夹,则可能是RN Module.

从 RN 0.60 开始,React Native CLI 支持自动 linking。如果自动 linking 不起作用,您必须按照模块文档中的手动安装部分进行操作。 如果您的项目使用 RN < 0.60,运行 react-native link module_name 到 link 库。

一些模块使用像 xml, android Activity,...这样的原生部分,并使用像 CAMERA, STORAGE, WRITE_EXTERNAL_STORAGE,...这样的权限如果你安装它,你必须按照他们的文档设置才能使用。 例如,您正在使用 react-native-photo-editor,它使用 android Activity 来显示编辑器,因此您必须将其添加到 Androidmanifest.xml。

简而言之:从 npm 添加库 -> 检查是 RN 模块 -> 设置基本模块文档。抱歉我的英语不好。