react-native-model3d
react-native-model3d copied to clipboard
okwasniewski
Render 3D Models in React Native on visionOS
react-native-model3d
Render 3D models in visionOS apps
Installation
yarn add react-native-model3d
Supported platforms
- visionOS
- iOS (Coming soon)
Usage
import { Model3dView } from "react-native-model3d";
// ...
<Model3dView
source="https://developer.apple.com/augmented-reality/quick-look/models/stratocaster/fender_stratocaster.usdz"
modelAspectRatio="fit"
onLoad={() => console.log('Model loaded')}
style={styles.model3d}
/>
Props
| Name | Type | Default | Description |
|---|---|---|---|
| source | string | URL to the 3D model file | |
| modelAspectRatio | enum('fit', 'fill') | 'fit' | Aspect ratio of the view |
| onLoad | function | Callback called when the model is loaded |
Contributing
See the contributing guide to learn how to contribute to the repository and the development workflow.
License
MIT
Made with create-react-native-library
okwasniewski