riderodd / react-native-ar Goto Github PK
View Code? Open in Web Editor NEWReact native AR model viewer
License: MIT License
React native AR model viewer
License: MIT License
I really like the work you have put in. Could you add the possibility to include multiple objects in a scene. "model" property becoming an array of strings and there are individually tracked
For image tracking, if the user provides an image, the object appears when the camera meets the image.
For location based, ehen the user provides a location, the component computes the user's location compared to the object's and when it fits a minimum required, the object appears.
Thanks.
I cloned the react-native-ar-viewer repository and was able to run the example project without any issues. However, when I tried to use the package in my own project, I encountered the following error:
I followed the instructions in the package's README file, but I'm still getting this error.
The error message specifically states that there is a type mismatch in the ArViewerView.kt file on line 291, where an inferred type is MotionEvent? but MotionEvent was expected. This suggests that there may be an issue with how the MotionEvent type is being used in the code.
I'm not sure how to resolve this issue, so I would appreciate any help or guidance on how to fix this.
Thank you for your assistance!
Describe the bug
Placement of the object works, but after that no gestures seem to be detected for moving/rotating/scaling
To Reproduce
Use the library as the demo code suggests, view the app.
Expected behavior
Gestures are detected and responded to
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Would be happy to try to contribute, but am not really sure where to start!
I was implementing a feature that required me to change the models on button click while using your package. However, I observed a strange behavior where we had to click the button to load the model and then click on the plane to make it visible in the application.
Can you suggest a solution to eliminate this double-clicking behavior?
I am attempting to avoid passing the disableInstantPlacement prop in ArViewerView.
However, when I tried to debug the code by adding a print statement in the ArViewerView.kt file, I received an error.
Could you please assist me in resolving this issue?
I am using react-native-ar-viewer
lightEstimation={false} is working but lightEstimation={true} is showing black model
code
<ArViewerView
model={localModelPath}
style={styles.arView}
disableInstantPlacement
manageDepth={true}
allowRotate={true}
allowScale={true}
allowTranslate
lightEstimation
onStarted={() => console.log('started')}
onEnded={() => console.log('ended')}
onModelPlaced={() => console.log('model displayed')}
onModelRemoved={() => console.log('model not visible anymore')}
planeOrientation={'both'}
ref={ref}
/>
Describe the bug
A clear and concise description of what the bug is.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
I use this code
<ArViewerView
style={{flex: 1}}
model={Platform.OS === 'android' ? 'dice.glb' : 'dice.usdz'}
lightEstimation
manageDepth
allowRotate
allowScale
allowTranslate
disableInstantPlacement
onStarted={() => console.log('started')}
onEnded={() => console.log('ended')}
onModelPlaced={() => console.log('model displayed')}
onModelRemoved={() => console.log('model not visible anymore')}
planeOrientation="both"
/>
'dice.glb' and 'dice.usdz' with code in the same folder .
when i run that example , nothing show in the screen just ask me about camera permission
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.