React Native AR库
是一种用于开发增强现实（AR）应用程序的开源库。它基于React Native框架，提供了一组API和组件，使开发人员可以在移动设备上创建具有虚拟元素和现实世界交互的AR体验。
React Native AR库的主要特点和优势包括：
- 跨平台开发：借助React Native的特性，开发人员可以使用一套代码同时在iOS和Android平台上构建AR应用程序。
- 简化开发流程：React Native AR库提供了丰富的组件和API，使开发人员能够轻松地处理AR元素的渲染、手势交互、位置追踪等功能，大大简化了开发流程。
- 高性能渲染：React Native AR库采用了底层图形渲染引擎，能够实现高性能的AR体验，保证应用程序的流畅运行。
- 生态系统支持：作为React Native生态系统的一部分，React Native AR库可以与其他丰富的第三方库和工具集成，为开发人员提供更多的选择和扩展能力。
- 应用场景广泛：React Native AR库可以应用于各种场景，包括游戏、教育、广告、零售等，为用户提供与现实世界交互的全新体验。
腾讯云提供了一款适用于React Native AR应用程序开发的产品：云智 AR。云智 AR是腾讯云基于云计算和人工智能技术构建的AR开发平台，提供了一系列AR能力和工具，如SLAM定位、图像识别、人体识别等。开发人员可以借助云智 AR轻松构建具有高质量AR效果的应用程序。
了解更多关于云智 AR的信息，请访问腾讯云官方网站：云智 AR产品介绍
相关·内容
1回答
如何让https://xr-spinosaurus.glitch.me/在React Native WebView组件中工作？ import React, { Component } from 'react';
import { WebView } from 'react-native';
export default class MyWeb extends Component {
render() {
return (
<WebView
source={{uri: 'https://xr-spinosa
浏览 43提问于2020-05-03得票数 2
回答已采纳
我有一个简单的应用程序，我使用i18next在我的应用程序中应用翻译。
这是我的i18next代码：
import i18n from 'i18next';
import {initReactI18next} from 'react-i18next';
import en from './en/en.json';
import ar from './ar/ar.json';
import he from './he/he.json';
import AsyncStorage from '@react-nat
浏览 9提问于2021-10-24得票数 0
2回答
我有一部分代码加载i18n的存储语言。我正在尝试获取语言，将状态更改为true，然后在屏幕上显示页面。
代码没有更新"yesLanguage“状态，它仍然返回false。
代码必须返回真"yesLanguage“。
代码的目标是在显示屏幕之前设置应用程序的默认语言，然后用默认语言(用户最近设置的语言)显示屏幕。
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
/*
import React fro
浏览 0提问于2021-10-25得票数 0
我的react原生VR/AR有一些问题。我使用了react-viro模块。下面是我的代码和错误。
import {
ViroScene,
ViroImage,
Viro360Image
} from 'react-viro';
<ViroScene style={[S.container]}>
<Viro360Image source={require("../../assets/ar/res/guadalupe_360.jpg")} onLoadEnd={console.log('image is loaded su
浏览 1提问于2021-04-07得票数 1
1回答
我目前正在开发一个React Native移动应用程序，我想在使用移动设备摄像头的同时在我的屏幕上渲染一些增强现实的元素。 我曾尝试使用THREE.js库和ExpoGraphics库，但不幸的是，我无法对其进行测试，因为我使用的是iPhone6，从我所看到的情况来看，iPhone6s或更高版本满足了最低硬件要求。 有谁知道如何使用React Native实现在我的iPhone6上呈现一些AR组件，或者如何解决这个问题？
浏览 14提问于2019-03-01得票数 0
我正在尝试设置默认语言当用户第一次打开应用程序时，我使用的是i18next &react-I18下一种默认语言我想设置为ar，有没有一种方法可以在不需要用户操作的情况下将语言更改为ar
这是我的配置
import i18n from 'i18next';
import {initReactI18next} from 'react-i18next';
import {I18nManager} from 'react-native';
// the translations
const ar = require('./Lang/ar.
浏览 11提问于2021-06-28得票数 0
我得到了以下错误时，试图启动我的反应-本地应用程序。我已经更新了react原生版本，并且这个问题开始发生。
Eroror:-
Failed building JavaScript bundle.
Unable to resolve "./AR" from "node_modules/expo/build/deprecated.js"
package.json
"dependencies": {
"@expo/vector-icons": "^10.2.0",
"@react-native-c
浏览 2提问于2020-07-25得票数 1
2回答
我正在使用i18n在react原生应用程序中进行本地化，但我在更改应用程序方向时遇到了一个问题，当我将其更改为阿拉伯语时，它将更改为RTL，但返回到英语时，它仍然保持不变 import { I18nManager } from 'react-native';
import I18n from 'react-native-i18n';
import Store from '../store/Store';
import en from './en';
import ar from './ar';
I18n.fall
浏览 53提问于2020-04-20得票数 1
当我试图在Android中编译我的应用程序时，我对“react原生-地理定位-服务”有一个问题。
Cannot find a version of 'com.android.support:appcompat-v7' that satisfies the version constraints:
Dependency path 'UnalAR:react-native-geolocation-service:unspecified' --> 'com.android.support:appcompat-v7:26.1.0'
浏览 0提问于2019-03-09得票数 1
回答已采纳
我正在使用代码来演示在AR中放置、旋转和拖动对象。当我运行react-native run-android --variant=arDebug时，一切都运行得很好，但当我断开数据线并运行应用程序时，应用程序运行得很好，但对象不会被渲染。
我试图制作适当的APK文件并安装到设备上，但遇到了同样的问题。我尝试使用这些命令来构建react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle
浏览 19提问于2020-01-30得票数 2
2回答
我正在使用Redux获取数据并将其添加到存储区，添加之后，我尝试在一个平面列表中查看结果，但是下面的错误消息出现在记录器中
我搜索了一段时间，得到了这样一个事实:我必须使用条件来防止平面列表在获取数据并添加到存储区之前呈现，所以我尝试用componentWillReceiveProps将数据列表分配给本地组件状态，以强制组件重新编辑并查看平面列表中的数据列表，但是突然出现了相同的错误，尽管我已经使用了条件，使平面列表等待数据接收并保存到存储。
数据如下所示
homePage.js，包含平面列表
import React from 'react';
impor
浏览 0提问于2018-11-08得票数 0
回答已采纳
我有一个问题:我要用viro for react native开发一个AR应用。 我可以在没有他们建议开发的Viro Media应用程序的情况下发布项目吗？
浏览 28提问于2019-06-22得票数 1
我的朋友和我目前正在尝试制作一个精灵宝可梦Go的克隆。我们的游戏包括玩家和口袋妖怪产卵的实时地图(使用React本地地图和世博会完成)和口袋妖怪战斗组件。我们的问题在于后者-我们正在尝试将3D精灵模型渲染到玩家的相机上(例如AR)。
然而，在几个版本之前，世博会对AR+3D模型的原生支持似乎已经被弃用，我们研究的其他解决方案(例如病毒)似乎与世博会(我们严重依赖)不兼容。
最近有没有人尝试用AR + React Native/Expo做一些事情，对我们可以研究的工具/技术有什么建议？
浏览 0提问于2021-05-11得票数 3
我正在尝试设置一个运行ARCore的非常基本的Sceneform应用程序。我想将此包含在用react-native init PROJECT设置的项目中。根据谷歌提供的这个简单的，我将以下内容添加到gradle中：
根build.gradle列出了Sceneform插件依赖项：
buildscript {
…
dependencies {
…
classpath 'com.google.ar.sceneform:plugin:1.3.0'
}
}
应用程序build.gradle包含两个Sceneform依赖项，应用插件，并包含将sampledata
浏览 0提问于2018-07-30得票数 0
我已经成功地安装了react-native-i18n，它工作得很好。但是，我想要更改React原生应用程序内部的区域设置。
我已经添加了一个按钮( Touchable opacity )，并编写了以下代码：
onPress={() => { i18n.locale = 'ar'; }}
但是，这并不会将区域设置更改为'ar‘，并且我的所有翻译仍然只支持英语( en-US )。我不希望用户转到电话设置并从那里更改区域设置。我可以不从应用程序本身来做吗？只有这样，区域设置才会仅限于我的应用程序。
浏览 0提问于2017-03-30得票数 1
我在我自己的功能组件中使用反应-本地纸。我想为我的组件编写Jest测试。
Problem：当我将组件导入Jest测试文件时，会收到以下错误：
TypeError: Cannot assign to read only property 'name' of function 'function () {for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {ar...<omitted>... }'
at node
浏览 0提问于2019-01-03得票数 5
回答已采纳
1回答
嗨
因此，我想知道一些最好的和最兼容的版本的一些反应本地库。
"axios"
"firebase"
"expo-font"
"expo-app-loading"
"react-native-svg"
"react-navigation"
"@expo/vector-icons"
"react-native-paper"
"react-native-screens"
"
浏览 2提问于2022-01-28得票数 0
回答已采纳
错误React Native CLI对本机依赖项使用自动链接，但以下模块是手动链接的：- React - Native -gesture handler(取消链接运行："react-native unlink React- native -gesture handler“)- react-native-sqlite-storage (取消链接运行："react-native unlink react-native-sqlite-storage") - react-native-webview (取消链接运行："react-native取消链接react-nat
浏览 11提问于2019-09-12得票数 0
$ react-native run-android
error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually:
- @react-native-community/geolocation (to unlink run: "react-native unlink @react-native-community/geolocation")
- react-native-bluetooth-status (to
浏览 6提问于2019-10-03得票数 1
回答已采纳
我已经构建了一个react原生项目，我添加了一些库，我构建了一个apk来检查它是否正常工作，我看到了这一点。我现在没有活动，只有几个库。
这是我的package.json的样子：
{
"name": "AppName",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"load-script&
浏览 1提问于2020-04-20得票数 0
1回答
增强现实库支持反应本机？
、、、
我计划为我的学术项目开发一个结合增强现实技术的校园导航移动应用程序。我决定使用React开发跨平台移动应用程序(IOS和android)。我是全新的反应本地人和AR。这是我的问题。
1)任何AR库都是完全支持React本机的吗？并能在Android和IOS中正常工作？(我发现几乎没有支持Android和IOS的AR SDK，但我不确定是否支持原生版本)
2)在React本机框架上进行VR构建。它是否意味着反应VR可以用来实现我的目标(AR导航)？
3)有谁能分享他们在反应本地人和AR方面的经验吗？然后我会有一个明确的方式开始。
浏览 2提问于2017-03-28得票数 1
我正在收到警报，“想找到并连接到本地网络上的设备”，在prod版本的(从应用程序商店或testflight下载的应用程序)上。
根据我在网上发现的，这可能是因为我们使用的一个库请求这个权限。
我如何知道哪个库需要它，或者如何才能完全禁止这个弹出窗口出现在prod上？
这些是我当前的依赖关系：
"@ovalmoney/react-native-fitness": "^0.5.3",
"@react-native-async-storage/async-storage": "^1.15.7",
"@react-native-c
浏览 1提问于2021-11-25得票数 4
1回答
我正在尝试链接react-native-fetch-blob库，但出现错误
react-native link react-native-fetch-blob
和错误显示
Scanning folders for symlinks in ...\node_modules (48ms)
rnpm-install ERR! ERRPACKAGEJSON No package found. Are you sure this is a React Native project?
Cannot read property '_text' of undefined
我已经使用npm i
浏览 30提问于2018-01-30得票数 0
2回答
合并dex存档时出现错误：.dex文件中的方法引用数不能超过64K.
在添加react本机-firebase/admob之前，代码正常工作。但是在添加了库之后，构建就失败了。当我移除建立的反应导航系统时。为什么这两个库不能使用相同的应用程序？
这是我的app.json文件和build.gradle文件。
"@react-native-community/masked-view": "^0.1.6",
"@react-native-firebase/admob": "^6.2.0",
"@react-
浏览 2提问于2020-02-01得票数 0
我正试图开始通过链接sqlite与一个简单的应用程序的反应本机。但不知何故，我一直保持在错误之下:我试着重新安装，重新链接，删除模块和纱线开始.
请帮帮我！找不到模块:即使./node_modules/react-native-sqlite-storage/lib/sqlite.core.js中有sqlite.core.js文件，也无法解析“react原生”
"./node_modules/react-native-sqlite-storage/lib/sqlite.core.js错误:找不到模块:无法解决‘C：\Users\accd8 8\\1中的’react‘
下面是浏览器：
显示
浏览 3提问于2021-09-27得票数 0
回答已采纳
我是第一次接触React Native和Xcode。
当我在npm上安装react-native-svg时，我得到了以下信息：
开始从github下载PerformanceBezier to /Users/username/AwesomeProject/node_modules/react-native-svg/ios/PerformanceBezier下载PerformanceBezier库失败，错误：{错误: ENOTEMPTY:目录不为空，重命名'/Users/username/AwesomeProject/node_modules/react-native-svg/151198
浏览 4提问于2017-11-30得票数 1
回答已采纳
我正在尝试运行此React本机应用程序，在安装其依赖项(npm install)并使用react-native run-android运行该应用程序后，我收到以下错误：
在谷歌搜索这个错误后，我发现了这个：
这意味着我应该升级material-ui库。在更新到该库的版本1.30.1之后，我得到了相同的错误。
这是我的package.json：
{
"name": "name",
"version": "0.0.1",
"private": true,
"scripts": {
浏览 1提问于2018-09-19得票数 0
试图运行一个世博反应本地项目w/收益猫集成。但是，每当我下载了react-native-pruchases库时，我就会继续得到这个错误。
Invariant Violation: Native module cannot be null
我通过运行npm install react-native-purchases --save下载了库，没有做任何附加的。我为这件事发疯了，所以我们很感谢你的帮助。
package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
浏览 9提问于2022-06-27得票数 1
我无法从react-native项目中的react-native-osc库中导入。导入会导致一个“未定义”的对象。
我确实用npm安装库：
$ npm install react-native-osc --save
在App.js脚本中，导入了对象库，无论如何，当我在Expo.io环境中运行应用程序时，对象osc是'undefiend'：
import osc from 'react-native-osc';
console.log(osc); // it will log 'undefined' on expo.io Android and e
浏览 2提问于2020-05-22得票数 0
2回答
我想使用Reducer，redux，thunk。我有一个示例代码。
当我启动项目时，运行时没有错误。我想更改电子邮件中出现的第一个字母，并返回初始值。
我确实在这个package.json中使用了这些代码，但是当我更新所有的库时，一些函数会崩溃。我在我的帖子末尾分享了最终的package.json文件。
package.json文件：
{
"main": "node_modules/expo/AppEntry.js",
"private": true,
"dependencies": {
"expo&#
浏览 3提问于2019-01-02得票数 2
1回答
在我导入一个模块并尝试调用它之后，我正在学习使用ViroAR (构建在react native上)，我得到了错误：
"undefined is not an object(evaluating '(0, format: "jpg", quality: 0.8)}.then')"
此错误是由于尝试在react-native-view-shot模块上使用captureScreen方法造成的。有谁能给我指个方向吗？我只是想在init上截取一个截图作为测试。
'use strict';
import React, { Component
浏览 0提问于2018-04-15得票数 0
当升级到RN 0.60.x时，我一直看到这个错误消息： error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually:
- react-native-localize (to unlink run: "react-native unlink react-native-localize")
- react-native-orientation-locker (to unlink run: "react-n
浏览 129提问于2019-10-05得票数 0
回答已采纳
我尝试使用此命令来安装库react-native-share
npm install react-native-share --save
react-native link react-native-share
但是我得到了这个错误：
A problem occurred evaluating project ':react-native-share'.
> Could not find method compileOnly() for arguments [com.facebook.react:react-native:+] on object of type org
浏览 0提问于2018-10-15得票数 3
我已经在react-native-picker-select中安装了react-native 0.66库，但是我不能像我预期的那样看到复选框模型。
packages.json
"dependencies": {
"react": "17.0.2",
"react-native": "0.66.1",
"react-native-picker-select": "^8.0.4"
},
实际结果
Render error
requireNativeCompo
浏览 1提问于2021-10-16得票数 0
.flowconfig
...
[libs]
node_modules/react-native/Libraries/react-native/react-native-interface.js
node_modules/react-native/flow
flow/
...
index.js
import { View } from 'react-native'; ---> produce: react-native. Required module not found.
...
也许我的流配置库设置坏了？
反应-原生0.42.3
flow-bin 0.
浏览 4提问于2017-05-04得票数 7
我正在尝试使用map函数将给定大陆的所有国家名称传递到React组件中。我认为我可能需要将其转换为数组，但我不知道如何访问每个对象的name键，因为这些对象都具有不同的名称。
"AD": {
"name": "Andorra",
"native": "Andorra",
"phone": "376",
"continent": "EU",
"capital": "Andorra la
浏览 0提问于2021-02-14得票数 0
我试图根据在我的项目中添加 Wix导航库，但是当我在终端上运行npm install --save react-native-navigation命令，然后在android中打开我的npm install --save react-native-navigation项目时，我在我的项目中看不到任何用于导航的库模块。但是react本机导航的名称将出现在package.json文件中。
下面是我的package.json文件：
{
"name": "PleaseAnswer",
"version": "0.0.1"
浏览 0提问于2019-01-07得票数 0
回答已采纳
我可以在中使用库吗
react-native-web-boilerplate是一个库()，您可以使用它在react中构建应用程序，并在桌面、移动和web平台上导航。
我想试试react-native-i18n库，但是react-native-i18n导入失败了。
RNI18n对象返回为未定义。我无法获取当前的区域设置和语言。
import I18n from 'react-native-i18n'
有没有人尝试过在跨平台的应用中使用react-native-i18n？
或者你有没有其他更好的建议。
浏览 6提问于2017-07-15得票数 0
回答已采纳
1回答
我正在使用一个作为npm模块导出的React原生HOC，它在内部使用了@react-native-community/async-storage，由于链接问题抛出了AsyncStorage of null。安装模块后，如何自动链接依赖关系？
"dependencies": {
"@react-native-community/async-storage": "^1.6.1",
"react-native-webview": "^5.12.1"
}
我编写了这个库，它使用react-native-we
浏览 10提问于2019-07-30得票数 1
问题描述
我通过npx react-native link react-native-navigation (并在andoid/build.gradle中修改minSdkVersion )安装库。
当我运行npx react-native run-android时，应用程序已经构建并且工作正常，尽管我在终端中得到了以下错误：
error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually:
- react-native-naviga
浏览 222提问于2020-03-01得票数 1
当我按照react导航网站的指示操作时：。
反应-本地链接反应-本地-手势-处理程序
然后按其要求更改MainActivity.java。
然后运行react-native run-android，错误弹出: error React Native CLI对本机依赖项使用自动链接，但以下模块是手动链接的：
当将React Native从低于0.60升级到0.60或更高时，可能会发生这种情况。接下来，你可以通过"react-native unlink“来解除这个依赖，它会自动包含在你的应用中。如果库与自动链接不兼容，请忽略此消息并通知库维护人员。我的react-native版本: reac
浏览 2提问于2019-07-05得票数 3
我按照安装说明安装了这个库()
npm install react-native-localization --save
react-native link react-native-localization
我不想再用它了。我已经尝试了以下步骤将其从我的项目中删除：
npm unlink react-native-localization
npm uninstall react-native-localization --save
我试着逃走
react-native unlink react-native-localization
但是，我收到的错误消息是react-native-loca
浏览 2提问于2019-07-06得票数 6
嗨，我正面临着react-native-neomorph-shadows库的问题。应用程序在构建成功后立即崩溃。我不知道是怎么回事。macOS版本: 11.2.3
编辑-1
Package.json依赖关系：
"@react-native-community/art": "^1.2.0",
"@react-native-community/masked-view": "^0.1.11",
"@react-navigation/bottom-tabs": "^5.11.13",
浏览 2提问于2021-08-24得票数 0
1回答
最近我开始在React-Native上工作，之前我曾经在React上工作过，因为我是新手，我正在努力处理许多需求，例如在两个列表之间拖放实际上在使用HTML/React时非常简单，但在React-Native中它是如此复杂，没有库来支持这个功能，我从来没有遇到过这样的困难，有没有一种方法可以在React-Native中使用任何React库，或者是否有人可以帮助我使用React-Native库，在那里我可以使用可拖动的Flatlist在彼此之间拖动，以及可以选择将其移动到另一个列表。
在过去的几周里，我一直在为这个需求而苦苦挣扎，我已经用谷歌搜索了很多。
也尝试了一些React-Native库，
浏览 15提问于2019-11-24得票数 0
回答已采纳
我在更新Mac数据时遇到了麻烦。在我更新到特定的Mac版本后，Spotlight在使用模拟器时停止工作。过了一段时间就解决了。然而，在我更新了XCode之后，我的应用程序中一些以前工作过的库停止了工作，甚至停止了图像，如下图所示。
(应该有一个日历组件，还有样式问题。)
我已经找到了解决这个麻烦的办法。我已经尝试过这个方法，如这个所示。这解决了图像不显示的问题，然而，其他库也有同样的问题，我不知道如何解决它们。除了package.json依赖项之外，我不知道在这里可以发布什么：
"dependencies": {
"@react-native-commun
浏览 5提问于2020-10-06得票数 3
回答已采纳
概述：
我使用TypeScript构建了一个NPM库，从上次更新它到现在已经将近9个月了(我没有时间)。但是，它使用以下库：
(以前是，但那个库现在被弃用，转而支持新的库)
我的图书馆(react-native-ultimate-modal-picker) package.json**:**
上面列出的所有3个库都被设置为peerDependencies，但我不确定是否遗漏了像podfiles这样的其他库。
"peerDependencies": {
"@react-native-community/datetimepicker"
浏览 42提问于2021-05-15得票数 1
如何在react-native-datepicker中使用locale
我正在使用react-native-datepicker@1.7.2，并且想要在用户更改语言时更改Datepicker的语言。我在Datepicker中尝试了locale = {pa}，但是语言没有变化。但是，当我安装react-native-date-picker库并将locale与它一起使用时。它运行良好。但我只想使用react-native-datepicker库。
有没有别的办法呢？
浏览 0提问于2019-11-26得票数 0
4回答
未找到ios的本机标头
、、、、
在iOS链接阶段，我开始看到的错误。
React原生版本：0.41.2、0.40、0.39
所有操作都很好，我编辑了Android版本，响应本地代码没有改变，当这种链接错误开始显示时，没有找到/node_modules/react-native/React/Base/{RCTHeaderName.h}路径上的标题：
In file included from /Users/user/ReactNativeProject/node_modules/react-native-vector-icons/RNVectorIconsManager/RNVectorIconsManager.h:
浏览 3提问于2017-02-10得票数 16
回答已采纳
我正在编写一个安卓库，需要调用ReactInstanceManager.onHostResume，我的build.gradle文件内容是：
apply plugin: 'com.android.library'
android {
compileSdkVersion 23
buildToolsVersion "23.0.1"
defaultConfig {
minSdkVersion 16
targetSdkVersion 22
versionCode 1
version
浏览 3提问于2016-05-21得票数 9
回答已采纳
我一直试图包括一个反应本机库(本地库)的反应本地应用程序。
所以我用
npm安装库-路径
然后我跑了
npm链接库名
我可以在node_modules of mainProject中看到这个包。此外，在package.json中，我可以看到依赖关系：
"dependencies": {
"react": "16.13.1",
"react-native": "0.63.2",
"react-native-first-library": "file:../rea
浏览 7提问于2020-09-09得票数 9
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
