如何使用java创建一个react-native包？
使用Java创建一个React Native包可以按照以下步骤进行：
- 确保你已经安装了Java开发环境（JDK）和Node.js环境。
- 安装React Native命令行工具（React Native CLI）：
- 安装React Native命令行工具（React Native CLI）：
- 创建一个新的React Native项目：
- 创建一个新的React Native项目：
- 进入项目目录：
- 进入项目目录：
- 创建一个Java类，用于封装你的React Native模块。这个类需要继承自
ReactContextBaseJavaModule，并实现必要的方法。例如，创建一个名为MyModule的类： - 创建一个Java类，用于封装你的React Native模块。这个类需要继承自
ReactContextBaseJavaModule，并实现必要的方法。例如，创建一个名为MyModule的类： - 创建一个Java类，用于注册你的React Native模块。这个类需要继承自
ReactPackage，并实现必要的方法。例如，创建一个名为MyPackage的类： - 创建一个Java类，用于注册你的React Native模块。这个类需要继承自
ReactPackage，并实现必要的方法。例如，创建一个名为MyPackage的类： - 在
MainApplication.java文件中注册你的React Native模块。找到getPackages()方法，并添加你的模块： - 在
MainApplication.java文件中注册你的React Native模块。找到getPackages()方法，并添加你的模块： - 在React Native代码中使用你的Java模块。在需要使用的地方导入
NativeModules，然后调用你的方法。例如： - 在React Native代码中使用你的Java模块。在需要使用的地方导入
NativeModules，然后调用你的方法。例如：
这样，你就成功地使用Java创建了一个React Native包。请注意，这只是一个简单的示例，你可以根据自己的需求进行扩展和定制。
相关·内容
我使用react-native Android在我的应用程序中创建了一个android模块，在我的例子中，我试图远程加载一个JS包文件，但它总是从本地主机加载，并且我看到包的位置的配置是硬编码在DevServerHelper.java中的，当应用程序运行时，我的应用程序的assets文件夹中的包文件是只读的，所以我不能动态修改它。
那么我可以远程加载捆绑包文件吗？如果没有，我如何使用react-native在应用程序中实现升级功能？
非常感谢!
浏览 0提问于2015-09-18得票数 0
1回答
所以我使用来进行导航。我做了纱线添加@area导航/本地和纱线添加反应-本机屏幕反应-本机-安全区域-上下文。在这一点上，我的应用程序仍然很好，即使重新启动纱线开始。这个问题是在我将所需的代码添加到MainActivity.java之后开始的，然后应用程序就不会启动了(即使在NavigationContainer中用App.js包装它之后，它也不能工作)。
这是来自MainActivity.java的代码(导入android.os.Bundle和@Override是从import导航插入到这个应用程序中的附加内容)。
import android.os.Bundle;
package com.
浏览 25提问于2021-10-11得票数 2
回答已采纳
我对react-native是个新手。我想用VS代码在react-native中创建一个项目。我知道如何使用react-native init ProjectName``命令初始化一个项目，但在执行此操作时，请创建一个java .js，而不是.tsx。例如，我的项目有app.js，而不是app.tsx！如何创建它？如何改变它？谢谢
浏览 18提问于2021-09-13得票数 0
回答已采纳
3回答
我不知道为什么react-native link在MainApplication.java (在imports和getPackages函数中)中创建重复的条目，并且在app\build.gradle中没有添加compile project条目，但是如果我再次运行该命令，我会收到相同的消息，而不是模块已经链接。
当我运行react-native link时，我收到消息说模块已经在Android上成功链接(复制)，并且在iOS中已经链接。
浏览 0提问于2017-06-20得票数 5
当您尝试运行命令时：
react-native run-android
发生下列错误：
> Task :react-native-gesture-handler:compileDebugJavaWithJavac
Note: C:\Users\jefer\Desktop\react\new\node_modules\react-native-gesture-handler\android\src\main\java\com\swmansion\gesturehandler\react\RNGestureHandlerButtonViewManager.java uses or overr
浏览 2提问于2019-03-21得票数 1
回答已采纳
我正在尝试重用java编写的android应用程序中的一些代码。我想在React-Native应用程序中重用。如何在java中创建接口或功能并导出到react-native包？
浏览 4提问于2020-06-24得票数 0
我正在尝试卸载用于react-native项目的"react-native-cli“！但是我不能这样做！我的环境是mac。
这是我到目前为止所做的事情！
无论我是键入npm uninstall -g react-native-cli还是sudo npm uninstall -g react-native-cli。
终端显示：up to date in 0.041s
当我输入react-native init projectName时，它仍然会创建项目。
我认为react-native init命令不应该起作用。
有人知道如何卸载react-native-cli吗？
提前谢谢。
浏览 2提问于2019-01-04得票数 4
回答已采纳
我正在尝试创建一个调试版本的我的应用程序的反应-本机。它以前起了作用，问题是在我为VSCode文本编辑器使用了react本机工具扩展包并附加了调试器进行调试之后开始的。当我创建一个发布版本时，错误不会发生。我已经删除了扩展，删除了我的项目node_modules文件夹并重新安装。
错误如下：
08-30 13:15:42.896 6228-6491/? E/AbstractTracker: Can't create handler inside thread that has not called Looper.prepare()
08-30 13:15:42.957 25112-25
浏览 1提问于2018-08-30得票数 0
回答已采纳
我是react native的初学者。现在，我正在尝试将库集成到我的react原生应用程序中。目前，我只针对Android平台。
我已经执行了文档中提到的所有步骤，但是当我尝试使用react-native run-android在应用程序上运行时，它给出了以下错误。
error: package com.reactnativenavigation does not exist
我理解错误的含义，它是说这个包不存在于我的项目中，但是这个包是我从npm安装的，它存在于node模块中。
我使用的是Nodejs和npm的最新版本，下面是package.json依赖项。
"dependenci
浏览 3提问于2019-04-25得票数 3
1回答
我已经使用了很多React Native，并且总是通过react-native init xxx为每个项目设置相同的src目录和dependencies结构，如redux-thunk、redux等。
所以我想创建一个样板，让我可以非常快速地开始一个新的React Native项目，而不是每次都要经历这个过程。
所以我所做的就是通过react-native init boilerplate手动设置redux、react-navigation等等，然后把这个“样板”上传到github上。
现在我的问题是，这是创建样板的正确方法吗？因为我发现很难将所有的“样板”重命名为"newProject
浏览 0提问于2019-08-28得票数 1
我正试图在Android上编译一个本机应用程序，我得到了：
/Users/dorianmariefr/src/socializus/react-native/node_modules/expo-constants/android/src/main/java/expo/modules/constants/ConstantsService.java:29:错误:命令失败：./gradlew应用程序:installDebug -PreactNativeDevServerPort=8081 -PreactNativeDevServerPort=8081错误: ConstantsService不是抽象的
浏览 2提问于2021-11-15得票数 2
1回答
文件上传使用什么组件？
、、、
我知道这是一个简单的问题，但我就是找不到它。我正在创建反应原生的应用程序，我需要上传用户的图像(我发现你可以做到)，但也只是用户想要的任何文件。
问题是，我找到的都是如何上传图片的教程，而不是文件。我没有问题通过REST API发送数据，所有我需要的是一些组件，实际上允许用户上传文件。在react网页中，您只能使用文件类型创建经典输入，但不能在react-native中创建。
TLDR，什么是react-native等价物：
<input
type="file" onChange={e => {
//function that processes files her
浏览 6提问于2018-08-07得票数 1
回答已采纳
我是javascript的初学者，我必须在Reactive原住民中使用chrome客户端，因为firebase在本地android webview中不工作。
我试过这个
import React, { Component } from 'react';
import { WebView } from 'react-native';
class MyWeb extends Component {
render() {
return (
<WebView
source={{uri: 'https://githu
浏览 1提问于2018-07-12得票数 0
回答已采纳
5回答
我在react-native中创建了一个应用程序。我需要的包名是: com.org.appname
React-native不允许您将其指定为init中的包名，也不允许您在init之后更改它。
react-native init --package="com.org.appname"
不工作
按照中的说明更改包名称也不起作用，并在react-native run-android上导致以下错误
无法完成会话: INSTALL_FAILED_VERSION_DOWNGRADE
浏览 2提问于2017-04-08得票数 7
3回答
最近，我需要一个简单的函数来与本机代码交互，但是我决定不构建一个包，因为它不会很有用。我创建了java文件，就好像它们来自一个插件，并在MainApplication中注册了它。
我使用的是类型记录，所以现在我很难使用rn来实现java交互。我尝试使用一个js文件，如下所示：
import NativeModules from 'react-native';
const AndroidService = NativeModules;
export default { AndroidService }
但是，我必须定义类型(来自vs代码的消息)：
Property 'pl
浏览 0提问于2020-02-08得票数 2
回答已采纳
我遵循设置android的需求，并启动了一个带有react本机的项目。当我试图使用命令react-native run-android运行应用程序时，它会一直显示此错误，然后退出该进程。
/path/to/native/android/app/src/main/java/com/native/MainActivity.java:1: error: <identifier> expected
package com.native;
^
浏览 0提问于2015-09-19得票数 31
2回答
本地包依赖项与主项目依赖项冲突
、、、、
我开始学习如何创建我们自己的npm包，我创建了一个。现在，在这个包中，我想创建一个对话框，用于使用类型记录来响应本地应用程序。这是我的档案；
Package.json
{
"name": "rn-dialog",
"version": "1.0.0",
"description": "This is a simple dialog box package for react native app",
"main": "lib/index.js",
浏览 10提问于2022-10-08得票数 0
回答已采纳
每次我尝试react-native link一个新的库，我都会得到同样的错误信息。这里是用于react-native-video的。
rnpm-install info Linking react-native-video android dependency rnpm-install ERR! Something went wrong while linking. Error: ENOENT: no such file or directory, open '/Users/Me/Projects/myProject/android/app/src/main/java/com/comp
浏览 0提问于2018-01-04得票数 7
1回答
react-native expo生成的apk是否被混淆了？
exp build:android
如何使用apk取回react原生JS源代码？为了这个目的，我需要dex到java的编译器吗？
我正在寻找您的宝贵建议，因为我关心我的react原生应用程序的安全性，并尝试比较模糊和非模糊代码
浏览 0提问于2018-10-04得票数 8
1回答
我正在创建一个反应本机npm模块.
npm模块使用React &React-本机包，也就是这样说
import React, { Component} from 'react'
import { View } from 'react-native'
class something extends Component {
render () {
return (
<View>
{/* Code */}
</View>
)
现在，在这里添加应该添加React和React本机为依赖项或peerDependencies，以及
浏览 0提问于2019-09-02得票数 4
react-native run-android在与react-native-ble-plx链接后失败
Task :react-native-ble-plx:compileDebugJavaWithJavac FAILED
这是一个新创建的应用程序，带有react-native init，除了min sdk没有改变任何东西。已经尝试清理项目，将min sdk设置为18，尝试使用android studio构建以获取更具体的错误，但仍然无法理解问题来自何处。
我得到的错误是：
Deprecated Gradle features were used in this build, making i
浏览 12提问于2019-07-08得票数 3
设置：
·窗口；
·Android工作室；
·VSCode；
Bash (终点站)；
问题：
无法启动项目关闭后，使用命令‘react本机启动’；
详细信息：
我使用以下命令创建并启动了一个项目：
$ react-native init ProjectName
$ react-native run-android
(init后)，我让android使用RN项目(通过打开‘./ project / Android’文件夹)和Android正常工作，并显示实际项目‘欢迎页面’。
到现在为止，(重新打开项目)，我正在尝试从它停止的地方‘启动’项目，但是我遇到了一个命令行问题：
$ react-nat
浏览 7提问于2021-01-28得票数 0
我不能正确设置我在做什么，让我们尽可能多地解释:我和一个人一起工作，他用Andross包启动了一个Ignite项目，我克隆了存储库，并尝试使用运行应用程序，我做了所有的事情，能够运行我的虚拟设备，但我必须chmod 777我的node_modules/和我的android/出于某些原因，它不会工作，我看了，我必须npm i jetifier，但它没有做太多，但我不知道我在做什么，我真的需要帮助。
这是我在尝试react-native run-android时得到的结果：
react-native run-android
warn The following packages use depre
浏览 0提问于2019-07-22得票数 0
我知道之前问过这个问题，但提供的解决方案不足以减少应用程序的大小。 我已经使用react-native init创建了一个应用程序。还没有添加任何第三方库。只是一个问候世界的应用。但它的发布构建大小是48mb。 在那之后，我使用了def enableProguardInReleaseBuilds = true，它减少了2Mb，应用程序的大小变成了46MB。 我再一次使用了def enableSeparateBuildPerCPUArchitecture = true应用程序，现在只有26MB大小的一半了。 但是为什么在react-native中一个hello world应用就需要26MB。它
浏览 27提问于2019-05-07得票数 5
回答已采纳
我正在将一个Android应用程序转换为React Native，而且我对这种react-native技术还很陌生。 在我的android应用程序中，我使用了Singleton对象来存储一些数据。我只想为react-native应用程序创建相同的代码。在Java singleton对象内部，它有一个列表，例如：public List<PharmacyLocationChecklistsDTO> pharmacyLocationChecklistsDTOS;。 场景:在我的java应用程序的向导中，这个单例对象存储向导视图的所有数据。我已经在react原生应用程序中实现了该向导，但
浏览 60提问于2021-01-15得票数 3
如何修复此错误:在react-native中不能将java.lang.Double转换为java.lang.String？
我尝试使用AsyncStorage将API的响应存储在变量中。当我尝试使用AsyncStorage的setitem()时。当它调用getitem()方法时，它成功地给出了response.But。它给出了下面的错误。
所以请告诉我如何提前解决it.Thank你。
这是我的文件中的一些代码行。
editedData=async () => {
try {
let getuserdata = await AsyncSto
浏览 24提问于2020-03-04得票数 0
我是新的反应本机，首先我创建了一个新的RN项目使用"npx react-native init MyTestApp“，然后开始与"npx react-native start”和运行它与"npx react-native run- android "，构建是成功的，应用程序被安装，但应用程序立即强制关闭，我已经尝试它在模拟器(android7.0api 24)和Android (Android 4.4.2)，但结果是相同的…
谁来帮帮我
浏览 10提问于2020-05-28得票数 0
回答已采纳
1回答
本机反应:无法更改包名-总是失败
、、、、
目前我正面临一个问题，我已经试着解决了3天了。我想重命名我的包名为我的反应本机android应用程序。
因此，要完全确定我所做的一切都是正确的，我已经创建了一个新项目，并尝试重命名包名。我这样做是为了确保错误不是来自我的项目，而且我还没有能够修复我的错误。
我像往常一样初始化了一个新项目：react-native init MyAwesomeProject。
然后，我用com.awesome.project替换了以下文件中的com.awesome.project。
/android/app/BUCK：
android_build_config(
...
package = 'com.a
浏览 0提问于2019-01-11得票数 2
2回答
无法创建BLE管理器
、、、
你好，我是React的新手，在我的应用程序中，我试图扫描可访问设备，并在屏幕上列出它们的名称。在代码源中，人们通常创建一个蓝牙低能量管理器作为const manager = new BleManager();，但是当我尝试这段代码(当然还有其他方式)时，它会产生错误，例如
TypeError: null is not an object (evaluating '_BleModule.BleModule.createClient')
This error is located at:
in HelloWorldApp (created by ExpoRoot)
浏览 15提问于2021-12-07得票数 0
回答已采纳
我在这个问题上做了很多研究。我还没有得出结论。我该如何解决这个问题呢？谢谢。
package.json
{
"name": "OlsunBuSefer",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest
浏览 0提问于2018-05-07得票数 1
1回答
如何在React Native中使用我想要的包名创建项目？我已经试过了
react-native init MyApp -package ˜br.com.gabrielgp.MyApp˜
而且还
react-native init MyApp --package=br.com.gabrielgp.MyApp
但它不起作用，com.MY_APP_NAME继续说。我还试着使用
npm install -g react-native-rename
react-native-rename MyApp -b br.com.gabrielgp.MyApp
但是改变了我项目的结构。
浏览 0提问于2019-12-28得票数 1
这是React-Native Android文档中使用Native模块( java类)来实现承诺的一个示例：
@ReactMethod
public void measureLayout(
int tag,
int ancestorTag,
Promise promise)
我收到指向Promise的错误消息“无法找到符号”，而Android API似乎没有为它导入任何内容。我应该在哪里/如何获得Promise类？
浏览 0提问于2015-12-04得票数 1
如何分析react-native包大小？应用是使用create-react-native-app创建的。
浏览 2提问于2018-05-21得票数 0
当我在安卓模拟器上尝试$ react-native run-android时，我得到了这个错误：
:app:compileDebugJavaWithJavac
/home/user/app/android/app/src/main/java/com/package/MainApplication.java:8: error: a type with the same simple name is already defined by the single-type-import of RNAWSCognitoPackage
import com.airlabsinc.RNAWSCognitoP
浏览 0提问于2018-06-12得票数 22
我正在Mac OS上构建一个React-Native项目。我的Mac是Mac Mini，它使用了新的苹果M1芯片。我可以使用“iOS -native run-android”命令在反应模拟器上构建和运行我的项目。但是当我运行"react-native run-android“命令时，它不工作。 我下载并安装了Java JDK。当我在终端中输入"java -version“时，我可以看到以下输出。 openjdk version "17" 2021-09-14 LTS
OpenJDK Runtime Environment Zulu17.28+13-CA (bu
浏览 289提问于2021-09-20得票数 1
对于我的项目，我需要甘特图，支持android和ios。我想从Android (java)开始，但我不知道如何将它公开给react-native，这样我就可以在react-native中使用图形，并且我找不到任何与此相关的文章。
第一件事是在创建了DemoChart.jar库之后，我如何才能将其与react-native (npm install DemoChart) javascript代码一起使用&我是否必须使用C++ (android NDK)来桥接react-native和android。
查找甘特图，它具有显示医疗状况的yAxis，并且它将在xAxis (日期或timePer
浏览 0提问于2017-07-07得票数 0
我正在使用react-native为android创建一个应用程序。我需要根据请求将振铃器模式更改为静音或振铃或单击时振动，并且振铃器模式应针对电话进行更改。如何实现此功能？
浏览 8提问于2021-04-28得票数 2
16回答
我正在使用React.JS，当我使用react-native run-android (插上我的设备)时，我看到一个空白页面。当我摇动设备并从选项列表中选择Debug JS Remotely时，我会看到以下屏幕。
仅供参考：
OS: Ubuntu 16.04
Node version is: v4.6.2
java version "1.8.0_111"
react": "15.4.1
react-native": "0.38.0
浏览 7提问于2016-12-01得票数 156
当我尝试使用npm install在我的react-native项目中安装redux时，我遇到了一个问题。每当我运行npm install redux --save时，node_modules中的react-native目录都会被清除。
然后我使用rm -rf node_modules && npm install，所有的react-native包都不会安装在node_modules中，所以我必须重新创建项目。
我还尝试将node_modules中的react-redux和redux从另一个项目复制并传递到当前的react-native项目中。但是它不能成功，这个错误将我引导到
浏览 0提问于2017-06-10得票数 9
回答已采纳
当我在设备上开发React Native Android时，当我打开Chrome Dev工具时，我经常会收到以下错误：
Did not get valid calls back from JS: [[],[],[],[],[]]
callFunction
ReactBridge.java:-2
run
CatalystInstanceImpl.java:203
...
你知道出什么问题了吗？我在Nexus 5上使用react-native v0.19
浏览 0提问于2016-02-13得票数 1
我正在尝试安装react-native-version-number。声明:安装完成后，发出；
react-native link react-native-version-number
但是当我这样做的时候，我得到了以下错误信息；
Looks like you installed react-native globally, maybe you meant react-native-cli?
To fix the issue, run:
npm uninstall -g react-native
npm install -g react-native-cli
但是当我跑的时候
npm uni
浏览 12提问于2016-09-12得票数 0
回答已采纳
我正在开发一个React Native应用程序，突然看到了这个：
FAIL Inject RemoteDev monitor into React Native debugger, the file 'react-native\local-cli\server\util\debugger.html' not found.
当我运行npm install时。以前是可以的。我检查了AppData\Roaming\npm\node_modules\react-native\local-cli\server\util文件夹，debugger.html文件就在那里。下面是我的packag
浏览 0提问于2017-07-08得票数 3
我如何降低评级反应-在我的博览应用程序的本地版本:我有这个版本：
npm view react-native version
0.64.1
我要把它写成62。这是我的package.json
"dependencies": {
"react": "16.13.1",
"react-dom": "16.13.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar
浏览 5提问于2021-05-20得票数 1
回答已采纳
加固后，app启动直接crash整体环境ReactNative "com.facebook.react:react-native:0.29.2"2-14 152048.768 E/AndroidRuntime(32621): FATAL EXCEPTION: main12-14 152048.768 E/AndroidRuntime(32621): java.lang.RuntimeException: java.util.concurrent.ExecutionException: java.lang.RuntimeException: SyntaxError: Unexpe
浏览 651提问于2016-12-14
在启动一个新的原生react项目时，xcode-project将获得捆绑标识符"org.reactjs.native.example.XYZApp“。XYZ是我的真实项目名称的占位符。
有没有办法在react-native端改变这个包标识符？当然，我可以在XCode中更改它。但这是不安全的，因为当react-native将重新创建xcode-project时，它可能会被覆盖，这可能在任何时候发生，也可能在重新构建项目时发生。
浏览 5提问于2016-03-21得票数 43
我想在react-native中为我的TextInput的输入创建一个虚线边框。像这样的
到目前为止，这是我的代码：
<TextInput maxLength={5} keyboardType={'numeric'} style={styles.numBox}></TextInput>
和stylesheetz：
numBox: {
display: 'flex',
width: 270,
height: 58,
marginLeft: 'auto',
marginRight:
浏览 4提问于2019-11-03得票数 1
回答已采纳
package.js
...
"react": "16.8.3",
"react-native": "0.59.5",
"react-native-camera": "git+https://git@github.com/react-native-community/react-native-camera.git"
...
settings.gradle
include ':app'
include ':react-native-camera'
project(&#
浏览 0提问于2019-06-23得票数 2
回答已采纳
如何使用react-native在android设备的内部存储上创建目录？我不想使用任何像ReactNativeFS之类的库。
您可能建议的可能解决方案是编写自己的模块。但我不擅长Java或Kotlin。如果我知道Kotlin或Java，那么我就不会使用React Native框架。
早些时候，我遇到了在SQLite中存储数据的问题，而且我发现在react native中没有办法做到这一点。要做到这一点，唯一的方法是依赖一些外部库。框架本身不能做任何事情。这似乎只是Facebook的品牌，因为这个框架中的一切都需要依赖。
有没有办法在没有任何外部依赖/模块的情况下做到这一点？
浏览 0提问于2020-07-07得票数 0
我有一个react-native应用程序(比如MyMobile)，我也在使用一个具有一些共享组件(比如MySharedUX)的react-native库。这两个文件夹引用的是相同的react-native版本。 package.json (MyMobile){
...
"@MySharedUX" : "file:../MySharedUX"
... 在MySharedUX项目中，我创建了一个pageTracking挂钩，它使用导航上下文。当我从MyMobile项目中的函数组件调用钩子时，我得到的导航对象是未定义的。 export function usePag
浏览 15提问于2020-08-29得票数 1
回答已采纳
我试图创建一个反应-本机项目使用反应-本机cli。命令我用来创建项目
npx反应-本机init测试
之后，如果我试图运行这个应用程序
cd测试& npx react本机运行-android
但我知道这个错误：
未找到错误安卓项目。你确定这是一个反应本土项目吗？如果您的Android文件位于非标准位置(例如不在“android”文件夹中)，请考虑将选项设置为指向新位置.。
我有android，ios文件夹在根项目和节点版本是16.15.0
这是我的项目json：
{
"name": "test",
"versio
浏览 10提问于2022-05-14得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
