React Native也可以快速开发AR应用？

最新推荐文章于 2025-09-07 16:37:41 发布
原创 最新推荐文章于 2025-09-07 16:37:41 发布 · 700 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react native #增强现实 #AR开发 #虚拟现实 #VR

ViroReact是一款基于ReactNative的AR/VR开发库，帮助开发者快速构建跨平台的增强现实与虚拟现实应用。支持Google Daydream、Samsung Gear VR及Google Cardboard等平台，并兼容iOS ARKit和Android ARCore。

哈喽哇，大家好，我是AR熊，今天来给大家推荐一个开发利器，ViroReact：React Native 的 AR 和 VR 库

ViroReact 是一个供开发人员快速构建增强现实 (AR) 和虚拟现实 (VR) 体验的库。开发人员使用 React Native 编写代码，Viro 在所有移动 VR（包括 Google Daydream、Samsung Gear VR 以及适用于 iOS 和 Android 的 Google Cardboard）和 AR（iOS ARKit 和 Android ARCore）平台上本地运行他们的代码。

代码框架地址：
https://github.com/ViroCommunity/viro/

React Native游戏开发：使用PixiJS构建2D游戏
移动开发前沿的博客
06-03 1287
随着移动游戏市场的“轻量化”趋势（如微信小游戏、抖音小游戏），开发者需要一种既能快速开发又能跨iOS/Android运行的解决方案。传统游戏引擎（如Unity）虽强大但学习成本高，而React Native作为成熟的跨平台框架，结合轻量级2D渲染引擎PixiJS，正好能满足“快速迭代+跨平台”的需求。本文将聚焦这一组合的核心实现逻辑，覆盖从环境搭建到完整游戏案例的全流程。本文将按“概念解析→原理串联→实战落地”的逻辑展开：首先用生活案例解释React Native与PixiJS的分工；
react-native-zar-measure:React本机绑定以使用相机执行AR测量
03-17
React本征测度 React用于AR和相机尺寸测量的本机绑定。 工作正在进行中... 去做： iOS实施从各种库中复制代码并构建初始API Android实施待以后审核
arrugs：用React Native编写的简单AR应用
02-22
RR 用React Native编写的简单AR应用 您可以在以下中型职位上找到更多信息： :
Viro React: 使用React Native开发VR、AR程序
AppNinja 开发手记
11-30 2996
Viro React 是一个供开发人员快速构建增强现实 (AR) 和虚拟现实 (VR) 体验的平台。开发人员使用 React Native 进行编写，Viro 在所有移动 VR（包括 Google Daydream、Samsung Gear VR 以及适用于 iOS 和 Android 的 Google Cardboard）和 AR（iOS ARKit 和 Android ARCore）平台上本地运行他们的代码。更多信息在这里。 该项目包含 Viro React 的完整源代码和各种示例 Viro 项目。
告别卡顿！react-native-vision-camera打造60FPS实时AR滤镜：从入门到高级特效全指南
最新发布
gitblog_00390的博客
09-07 974
你是否还在为React Native相机应用中的AR滤镜卡顿、延迟问题困扰？是否尝试过多种方案却始终无法实现流畅的实时特效？本文将带你使用react-native-vision-camera的Frame Processors技术，从零开始构建高性能AR滤镜系统，从基础的颜色滤镜到高级人脸识别特效，全程保持60FPS流畅体验。读完本文，你将掌握：实时帧处理核心原理、Skia图形加速绘制、跨平台滤镜开...
React-AR
weixin_30302609的博客
07-01 171
React是一款来自Facebook的开源JavaScript库，它可以轻松创建交互式用户界面。React VR可以在虚拟现实中创建UI和3D场景，它将React提升到一个新的水平。React VR 可让您使用 JavaScript 构建 VR 应用程序。它使用与 React 相同的设计，让您通过声明式的组件构建丰富的 VR 世界和 UI。React VR 是为 VR 应用而创建的框架，运行在 W...
ReactNativeARKit：一个示例项目，演示如何使用react-native-arkit
02-04
ReactNativeARKit 这是一个示例项目，演示了如何使用 注意：仅iOS 11上具有A9或更高版本处理器（iPhone 6s / 7 / SE / 8 / X，iPad 2017 / Pro）的设备才支持ARKit。 您还需要Xcode 9来构建项目。 如何运行项目 git clone https://github.com/HippoAR/ReactNativeARKit.git ; 在项目文件夹中， yarn install依赖项（npm损坏的atm。） 转到ios文件夹并打开ReactNativeARKit.xcodeproj 。 在物理设备上构建并运行（ARKit不在模
React_Native_VR1-:第一个React Native App
05-02
该项目是通过。 您将在下面找到有关执行常见任务的信息。 本指南的最新版本可。 目录 构建世博会的“独立”应用 从Create React Native App弹出 构建依赖关系（Xcode和Android Studio） 我应该使用ExpoKit吗？ 故障排除 联网 iOS模拟器无法打开 QR码不扫描 更新到新版本 您只需要很少（理想情况下永远不需要）更新全局安装的create-react-native-app 。 更新应用程序的react-native-scripts依赖关系应该像更改package.json的版本号并重新安装项目的依赖关系一样简单。 升级到React Native的新版本需要更新react-native ， react和expo软件包版本，并在app.json设置正确的sdkVersion 。 有关软件包版本兼容性的最新信息，请参见版本控制指南。 可用脚本
精通React Native：快速开发跨平台移动应用
08-10
本书《精通React Native》帮助读者掌握React Native框架，加速并强化移动应用开发。React Native是一个开源JavaScript框架，支持iOS、Android及Web平台，基于React框架构建。它通过JSX编写应用，使用原生渲染API确保...
React Native中基于AR的增强现实应用开发
React Native是由Facebook推出的开源跨平台移动应用开发框架，允许开发者使用JavaScript和React语法编写原生性能的应用程序。它通过桥接机制将JavaScript代码转换为原生UI组件，从而实现iOS和Android双端兼容。而本...
基于React Native的AR移动应用BuildAndGo开发实践
React Native 的跨平台优势、ViroMedia 的 AR 渲染能力、Redux 的状态管理机制、Node.js 后端服务、PostgreSQL 数据持久化、Sequelize 对象映射、Heroku 快速部署与 AWS 云端资源协同运作，打造出一个功能完整、体验...
使用ReactNative构建移动应用程序中的AR应用程序：了解ReactNative中的AR开发生态系统
AI天才研究院
07-24 2468
作者：禅与计算机程序设计艺术 1.简介 在过去的几年里，随着VR、AR、移动互联网等技术的不断革新，人们越来越多地体验到一种全新的生活方式。而其中不可或缺的部分就是数字化的现实世界。因为当代人的生活已经离不开手机、平板电脑和电视机了，所以数字化现实世界的应用是无可替代的。那么如何利用这些技术创造出更多有
viro：ViroReact：使用React Native的AR和VR
02-01
病毒React Viro React是供开发人员快速构建增强现实（AR）和虚拟现实（VR）体验的平台。 开发人员使用React Native编写代码，Viro在所有移动VR（包括Google Daydream，Samsung Gear VR和适用于iOS和Android的Google Cardboard）和AR（iOS ARKit和Android ARCore）平台上本地运行代码。 。 该项目包含Viro React的完整源代码以及各种示例Viro项目。 该平台可免费使用，发行不受限制。 要报告Viro平台的错误/问题，请在此存储库中提交新问题。 使用Testbed应用程序运行示例项目的说明： 按照我们的中的说明设置相关性，以使用Viro Media App尝试这些示例项目。 使用git将git clone https://github.com/viromedia/viro.git到您的工作区中： git clone https://github.com/viromedia/viro.git 。 进入code-samples目录。 从该项目的根目录运行npm instal
react-xr:AR具有React三纤维的VRAR
03-19
@ react-three / xr React组件和挂钩，用于使用创建VR / AR应用程序 npm install @react-three/xr 这些演示是真实的，您可以单击它们！它们也包含完整的代码。 入门 添加VRCanvas或ARCanvas组件（或替换现有的react-three-fiber Canvas组件） import { VRCanvas } from '@react-three/xr' function App ( ) { return ( < VRCanvas> { /* All your regular react-three-fiber elements go here */ } < / VRCanvas > 将控制器添加到场景 要开始使用默认控制器模型，请添加DefaultXRControllers组件。它将获取适当的输
react-AR-experiments:各种实验，测试，带有React，Three.js，THREEAR.js和其他AR库的样板
04-28
ReactAR实验 使用 ， ， 和进行了一些实验。 在将来，我将添加其他示例测试... 您可以找到一个一个简单的示例，以显示THREEAR库在React.js中的运行情况。 这是使用两个库启动项目的基本设置。 该项目是通过引导的。 还有一个基本在此讨论的 带有ES6和React的AR.js 这是一个正在开发的AR.js功能。 您可以在react-threex-example文件夹中使用THREEx API测试示例。 使用THREEAR和React从头开始项目的步骤 使用以下命令使用create React应用程序启动一个项目： npx create-react-app your-project-name 使用npm安装Three.js和THEEAR.js npm install three threear 检查是否在package.json中安装了两个库。 在App.
AR-Test-2:在 React 中使用three.js 实现使用AR.js
05-30
AR-Test-2 React 中使用实现使用 如何运行这个项目？ git clone https://github.com/denisstasyev/AR-Test-2.git cd AR-Test-2 node testServer.js npm start或sudo npm start 在浏览器中访问http://localhost:3000并查看我的工作结果 :grinning_face: 我对 AR.js 的体验 是一个有趣的东西，可用于在网络上创建增强现实 (AR)。 从 2017 年（AR.js 出现的那一年）开始，几乎每个月都会发布关于如何在 10 分钟内使用 AR 创建网站的新文章。 如果您想用一个 HTML 文件创建一个站点，这是正确的。 但让我们环顾四周。 大多数现代 Web 应用程序使用框架来简化开发。 这个存储库包含了我对 AR.js 的所有经验，以及将它嵌入到 React 应用
React-AR概述
weixin_30810583的博客
07-01 193
JSX和声明式的UI 使React能够吸引人的一个特性是它以声明式的UI和优雅的方式来进行代码操作。UI元素就像HTML标签一样通过组建来描述。例如：这个标签<Greeting name='Joe'/>带了一个参数，它描述了向谁问候的这么一个组建。这些标签可以用JSX的语法的方式直接插入到JavaScript代码中。 JSX 是JavaScript语法的一个扩展。它在React ...
React Native十四：原生模块
1024工场
06-12 3590
有时候App需要访问API，但React Native可能还没有相应的模块包装；或者你需要复用一些Java代码，而不是用JavaScript重新实现一遍；又或者你需要实现某些够性能的、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等； 我们React Native设计为可以在其基础上编写真正代码的原生代码，并且可以访问平台的所有能力。这是一个相对高级的特性，我们并不认为它应当在日常开发过程中经常出现，但是具备这样的能力是很重要的。如果React Native还不支持某个你需要的原生特性，你应该可以
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值