viro | ViroReact: AR and VR using React Native | Augmented Reality library
kandi X-RAY | viro Summary
kandi X-RAY | viro Summary
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.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- 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
viro Key Features
viro Examples and Code Snippets
Community Discussions
Trending Discussions on viro
QUESTION
I tried to install react-native-vector-icons and ran pod update and got the following error: https://i.stack.imgur.com/FcVr0.jpg 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:
...ANSWER
Answered 2022-Feb-19 at 19:24I 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: Platform.select({ ios: 'button', default: 'tab' })
to accessibilityRole: Platform.select({ ios: 'button', default: 'none' })
This issue will be resolved. But when you install new package, you must do it again :))
QUESTION
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)
...ANSWER
Answered 2021-Jun-29 at 17:49I 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
.
QUESTION
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:
- Not supported on IOS anymore
- 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
...ANSWER
Answered 2020-Aug-21 at 17:35Viro 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.
QUESTION
Why I got Minified React Error #321 during the next build
compilation? Did I mess up with useEffect()
?
Part of the error throwed :
...ANSWER
Answered 2020-May-27 at 19:26It might because you are importing React twice on the page:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install viro
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page