Ask a Question

I can't run my project

<https://github.com/ViroCommunity/starter-kit#:~:text=git%20clone%20https%3A//github.com/ViroCommunity/starter%2Dkit.git> I started by following this guide step by step, but every time I try to run my project on my Android device, it generates an error and I don't know how to resolve it, can you help me? The error is: ``` Failed to construct transformer: Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at stableHash (C:\Users\coses\Desktop\samu\ReactNative\prova\node_modules\metro-cache\src\stableHash.js:19:8) at Object.getCacheKey (C:\Users\coses\Desktop\samu\ReactNative\prova\node_modules\metro-transform-worker\src\index.js:593:7) at getTransformCacheKey (C:\Users\coses\Desktop\samu\ReactNative\prova\node_modules\metro\src\DeltaBundler\getTransformCacheKey.js:24:19) at new Transformer (C:\Users\coses\Desktop\samu\ReactNative\prova\node_modules\metro\src\DeltaBundler\Transformer.js:48:9) at C:\Users\coses\Desktop\samu\ReactNative\prova\node_modules\metro\src\Bundler.js:22:29 { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' } ``` and this: ``` ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. Please set the JAVA_HOME variable in your environment to match the location of your Java installation. error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 at makeError (C:\Users\coses\Desktop\samu\ReactNative\prova\node_modules\execa\index.js:174:9) at C:\Users\coses\Desktop\samu\ReactNative\prova\node_modules\execa\index.js:278:16 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async runOnAllDevices (C:\Users\coses\Desktop\samu\ReactNative\prova\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:109:5) at async Command.handleAction (C:\Users\coses\Desktop\samu\ReactNative\prova\node_modules\@react-native-community\cli\build\index.js:192:9) info Run CLI with --verbose flag for more details. error Command failed with exit code 1. ```

Can I update a text value of ViroText?

Hi! thanks for your wonderful library! ```Text javascr const { text, handleText } = props; <ViroText text={text} /> ``` I can update a styles of ViroText but text attribute can not be changed. can I update this?

How can I obtain an API key from Viro Media since their website is no longer accessible?

How can I obtain an API key from Viro Media since their website is no longer accessible?

Adding charts/ Data viz to AR Scene

How can we go about adding charts to the AR Scene. Any help is appreciated. Thanks in advance

Error: EACCES: permission denied while creating react-viro project

I am following installation guide for linux on Ubuntu platform <https://viro-community.readme.io/docs/quick-start-maclinux> react-viro init viroapp --verbose I am consistently getting permission errors. ``` ==== Running Javascript Setup Script === Copying over HelloWorld files Attempting to install [email protected] globally... npm ERR! code EACCES npm ERR! syscall rename npm ERR! path /usr/bin/ngrok npm ERR! dest /usr/bin/.ngrok-8l1I0RCg npm ERR! errno -13 npm ERR! Error: EACCES: permission denied, rename '/usr/bin/ngrok' -> '/usr/bin/.ngrok-8l1I0RCg' npm ERR! [Error: EACCES: permission denied, rename '/usr/bin/ngrok' -> '/usr/bin/.ngrok-8l1I0RCg'] { npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR! syscall: 'rename', npm ERR! path: '/usr/bin/ngrok', npm ERR! dest: '/usr/bin/.ngrok-8l1I0RCg' npm ERR! } npm ERR! npm ERR! The operation was rejected by your operating system. npm ERR! It is likely you do not have the permissions to access this file as the current user npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories, or try running npm ERR! the command again as root/Administrator. npm ERR! A complete log of this run can be found in: npm ERR! /home/jmanoj/.npm/_logs/2023-05-22T06_59_41_233Z-debug-0.log !!!!!!!!!!!!!!!!! ERROR !!!!!!!!!!!!!!!!!! Installing [email protected] globally failed Please run the following command manually: npm install -g ngrok ```

Disable Viro when working on simulator

Is there a way to disable Viro when working on simulator ? My app is not only relying on AR/VR so what is the best way to disable Viro when working on another topic ?

Dependencie Problems with Expo and Viro Versions

There seems to be dependencie issues with the current version of Expo (React Native). The latest version of Viro is not compatible with the latest version of Expo. Does anyone have a working workaround?

Object or Text always in front of Camera

Hi I am using v2.23.0. I am trying to create design for Text always in front of Camera. It will fixed. It will not dependent on movement. I have used ViroARCamera but it is crashing. Please give your solution for this issue.

blank screen

how to get ViroARSceneNavigator api key

How to model dynamically generated scenes and swapping between them

Hello community, I am having trouble when using dynamically generated scenes. So in my project I generate ViroARScenes dynamically, i.e. I request some configuration JSON from an external API that defines how my scene should look like. For example, my Scene component would look something like: ``` function parseComponents(config) { // Returns a list of AR objects. // In my case, for example, a list of ViroARImageMarkers. return []; } function Scene({config}) { const arComponents = parseComponents(config); return ( <ViroARScene> {arComponents} </ViroARScene> ); } function ARViewer({globalAppState}) { return <ViroARSceneNavigator initialScene={{scene: Scene}} viroAppProps={{globalAppState}} /> } ``` This initially works perfectly fine, the trackers are set and the objects are displayed correctly. The problem arises when I want to replace this scene with a new one. Lets say one of this AR objects has defined an `onClick` event function in which I change some state which leads to a new configuration to be passed on to my `Scene`. I would want this action to replace the current scene configuration with the new one, for example, replace the current ViroARImageMarkers with different ones. Clearing the objects that were rendered before. Like changing scenes, except here I don't have 2 distinct scene components because they are generated dynamically. To attempt this, I am doing something like the following: ``` <ViroARImageMarker target={"target"} > <ViroAmbientLight color="#ffffff"/> <Viro3DObject onClick={onClick} {...modelProps} /> </ViroARImageMarker> ``` where: ``` function onClick() { ... setGlobalAppState(newGlobalAppState); navigator.replace({scene: Scene}); // Yes, the same Scene component. } ``` Did anyone ever work with scenes that had to be generated dynamically? Does anyone have any suggestions or alternatives on how to model this type of functionality? Thanks in advance.