{"id":19502760,"url":"https://github.com/ml-opensource/mlvisionrn","last_synced_at":"2025-07-17T03:36:55.013Z","repository":{"id":224433723,"uuid":"763187523","full_name":"ml-opensource/MLVisionRN","owner":"ml-opensource","description":"Universal App Example using React Native for Vision Pro and IPhone (VisionOS and iOS)","archived":false,"fork":false,"pushed_at":"2024-03-20T15:03:08.000Z","size":11995,"stargazers_count":22,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-26T00:33:19.432Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ml-opensource.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-25T19:25:35.000Z","updated_at":"2024-07-09T12:32:38.000Z","dependencies_parsed_at":"2024-03-20T16:40:00.537Z","dependency_job_id":null,"html_url":"https://github.com/ml-opensource/MLVisionRN","commit_stats":null,"previous_names":["sly777/mlvisionrn","monstar-lab-oss/mlvisionrn","ml-opensource/mlvisionrn"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ml-opensource/MLVisionRN","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ml-opensource%2FMLVisionRN","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ml-opensource%2FMLVisionRN/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ml-opensource%2FMLVisionRN/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ml-opensource%2FMLVisionRN/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ml-opensource","download_url":"https://codeload.github.com/ml-opensource/MLVisionRN/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ml-opensource%2FMLVisionRN/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265563135,"owners_count":23788650,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T22:18:09.479Z","updated_at":"2025-07-17T03:36:54.957Z","avatar_url":"https://github.com/ml-opensource.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Universal App Example using React Native for Vision Pro and IPhone (VisionOS and iOS)\n\nThis repository contains a universal application example developed using React Native for Vision Pro and iPhone (VisionOS and iOS). It is inspired by [Apple's Hello World example for VisionOS](https://developer.apple.com/documentation/visionos/world). Please note that this example is intended for educational and demonstration purposes and is not ready for production use. All the code is provided as-is and is not supported by Apple or Facebook. Assets used in this example are provided by Apple and are not owned by the author of this repository.\n\n**You can [check videos below](#videos) to see the application in action**\n\n## Features\n\n- **Universal Application**: This application is designed to run on both Vision Pro and iPhone devices (possibly on iPad as well).\n- **React Native**: The application is developed using React Native, a popular framework for building cross-platform applications.\n- **60 FPS**: The application is designed to run at 60 frames per second (FPS) on both Vision Pro and iPhone devices to create a smooth user and native experience.\n\n## Missing Features\n\n- [ ] 3D Models are not supported at the moment due to the lack of support for 3D models in React Native for VisionOS.\n- [ ] Multi Window support is not working due to limitation of react-native-visionos library (p.s: [it is on the way](https://github.com/callstack/react-native-visionos/pull/117)).\n- [ ] Immersive Space is not available yet, but it is on the way.\n\n## Installation\n\n- Install [Node.js](https://nodejs.org) (\u003e=18) and [Yarn](https://yarnpkg.com) (3.6.4) if you haven't already.\n- Install Watchman `brew install watchman` if you haven't already.\n- For xcode, make sure that xcode is installed and the command line tools are installed by running `xcode-select --install` in your terminal.\n- For xcode build, install ios-deploy `brew install ios-deploy`\n- Enable corepack by running `corepack enable` in your terminal if you haven't already after Yarn installation.\n- Restart your terminal to apply the changes. Then run `yarn set version 3.6.4` in the root directory to set the Yarn version.\n- Start by navigating to the root directory and run `yarn` or `yarn install` to install the necessary packages.\n- Next, navigate to the `visionos` folder and execute the following commands:\n  - `bundle install` to install the necessary gems.\n  - `bundle exec pod install` to install the required pods. _(installing boost and hermes engine packages take time)_\n- Return to the root directory and enter the `ios` folder, repeating the steps above.\n- Once again, return to the root directory and run `yarn visionos` and/or `yarn ios` to build and install the applications.\n- After the application has been built, execute `yarn start` to launch the metro server in a separate terminal window.\n- Finally, open the application on your device or simulator to see it in action.\n\n## Videos\n\n**Universal Apps in Action**\n\nhttps://github.com/Sly777/MLVisionRN/assets/694940/9416c60f-e0e9-48d3-9b67-a2fd45662366\n\n**Comparison between React Native App and Original Swift App**\n\nhttps://github.com/monstar-lab-oss/MLVisionRN/assets/694940/74d42b6a-840b-451b-85fa-7a2aa99649c2\n\n## Troubleshooting\n\nIf you encounter any issues during the installation or usage of this application, please refer to the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page. If you are unable to resolve the issue, please open an issue on this repository.\n\n### Known Issues\n\n\u003e The \"yarn-path\" option has been set (in .../MLVisionRN/source/•yarnrc.yml), but the specified location doesn't exist\n\nThis issue occurs when the `yarn-path` option is set in the `yarnrc.yml` file, but the specified location does not exist. To resolve this issue, remove the `yarn-path` option from the `yarnrc.yml` file and then run `yarn set version 3.6.4` in the root directory to set the Yarn version.\n\n## Learn More\n\nTo learn more about React Native, take a look at the following resources:\n\n- [React Native Website](https://reactnative.dev) - learn more about React Native.\n- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.\n- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.\n- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.\n- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.\n- [React Native VisionOS](https://github.com/callstack/react-native-visionos) - the Open Source; GitHub **repository** for React Native VisionOS.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fml-opensource%2Fmlvisionrn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fml-opensource%2Fmlvisionrn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fml-opensource%2Fmlvisionrn/lists"}