viro | ViroReact: AR and VR using React Native | Augmented Reality library

 by   viromedia JavaScript Version: viro_react_v2.17.0 License: MIT

kandi X-RAY | viro Summary

kandi X-RAY | viro Summary

viro is a JavaScript library typically used in Telecommunications, Media, Telecom, Virtual Reality, Augmented Reality applications. viro has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can download it from GitHub.

A scene with a 360 photo that displays "Hello World". 360 photo tour example that shows you how to display a 360 photo with clickable hot spots.

            kandi-support Support

              viro has a medium active ecosystem.
              It has 2067 star(s) with 485 fork(s). There are 67 watchers for this library.
              It had no major release in the last 6 months.
              There are 375 open issues and 602 have been closed. On average issues are closed in 250 days. There are 2 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of viro is viro_react_v2.17.0

            kandi-Quality Quality

              viro has no bugs reported.

            kandi-Security Security

              viro has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

            kandi-License License

              viro is licensed under the MIT License. This license is Permissive.
              Permissive licenses have the least restrictions, and you can use them in most projects.

            kandi-Reuse Reuse

              viro releases are not available. You will need to build from source code and install.
              Installation instructions are not available. Examples and code snippets are available.

            Top functions reviewed by kandi - BETA

            kandi has reviewed viro and discovered the below as its top functions. This is intended to give you an instant insight into viro implemented functionality, and help decide if they suit your requirements.
            • Check that component names are correct .
            • Sets if device is supported .
            • Converts Polar coordinates to cartesian coordinates .
            • Convert Polar coordinates to cartesian coordinates .
            • Return text representation of the product
            • Returns the string representation of the in - stock form
            Get all kandi verified functions for this library.

            viro Key Features

            No Key Features are available at this moment for viro.

            viro Examples and Code Snippets

            No Code Snippets are available at this moment for viro.

            Community Discussions


            Invalid UIAccessibilitys 'tablist' error after installing react-native-vector-icons and running pod update on ios
            Asked 2022-Feb-19 at 19:24

            I tried to install react-native-vector-icons and ran pod update and got the following error: now this pops up but I can build and run the app just fine. is this ok? and how can I fix this ?

            after this started happening I unlinked react-native-vector-icons and uninstalled it but for some reason I still get this error, now I tried debugging it and it seems to have some thing to do with "@react-navigation/bottom-tabs" package.

            my package.json:



            Answered 2022-Feb-19 at 19:24

            I am facing the same issue. And I resolved it. Go to node_modules -> @react-navigation -> bottom-tabs.

            Find all accessibilityRole (in file BottomTabBar and BottomTabItem -> it is located at bottom-tabs/lib/commonjs/views and bottom-tabs/lib/module/views and bottom-tabs/src/views) and change it to none.

            I changed accessibilityRole="tablist" to accessibilityRole="none" And change accessibilityRole:{ ios: 'button', default: 'tab' }) to accessibilityRole:{ ios: 'button', default: 'none' })

            This issue will be resolved. But when you install new package, you must do it again :))



            React-Viro AR ImageTracking sub elements are positioned inside camera when target is seen
            Asked 2021-Jun-29 at 17:49

            I am currently using Viro-React (React-Viro) for a AR project in which, if a certain pictures gets seen by the camera a video is played infront of it. I had it working perfectly, but somehow and a few days later, without changing the code, the video and everything inside the ViroARImageMarker is always positioned inside the camera, when the target gets seen.

            This behavior only seems to happen in my own projects and not in the samples provided by Viro Media.

            I have tried to:

            • Reinstalling node modules
            • Compared the package.json's and reinstalled.
            • Changed the position of the elements inside the ViroARImageMarker
            • And reorganised the elements.

            But nothing seems to work.

            As I said the code itself shows and hides the video, but does not position the video (every inside the ViroARImageMarker correctly, but positions them in the position of the camera when the targets gets seen and then keeps them there.

            Here is the code. (Snippet at the end) I pass this function to the ViroARSceneNavigator in another script.

            There are a few animations, which just scale up/down the video depending if the target is in view or not.

            (I removed the whitespaces to fit more onto one screen)

            Main Code

            Viro Animations and Material



            Answered 2021-Jun-29 at 17:49

            I was able to resolve the issue by copying (downgrading) my dependencies in my package.json from the React-Viro codesamples and decreasing the width/height (inside the element) and scale (in the animation) of the video.

            Note that if the sub element of the ViroARImageMarker is too big (in scale and size), the issue comes back.



            Augmented Reality in React-Native
            Asked 2020-Aug-21 at 17:35

            It is a question to professional developers at react-native. My react-native application needs augmented reality in it to develop complex games. I tried using viro-react, if you know this package. Developers of viro-react gave up on the package:

            1. Not supported on IOS anymore
            2. Documentation for some components is missing or poor

            Are here people who is successfully using AR in their apps? Can you please tell me how you are doing it (different package or native components)? If it is native components, can you please tell me in a nut shell how to use native components with AR? Thank you



            Answered 2020-Aug-21 at 17:35

            Viro is actually a company that no longer exists, so don't hold your breath waiting for them. You can try using this example that works on both Android and iOS if you really want to use viro. From my experience, there is no great solution to building AR apps in react native. You can also build the AR part of your app in Unity and import it into your app using this package.



            useEffect Error: Minified React error #321 (GTM implementation instead of google analitycs)
            Asked 2020-May-28 at 10:25

            Why I got Minified React Error #321 during the next build compilation? Did I mess up with useEffect() ?

            Part of the error throwed :



            Answered 2020-May-27 at 19:26

            It might because you are importing React twice on the page:


            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install viro

            You can download it from GitHub.


            For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries
          • HTTPS


          • CLI

            gh repo clone viromedia/viro

          • sshUrl


          • Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link