visionos-hello-world

visionos-hello-world copied to clipboard

Develop Vision Pro 🥽 apps with NativeScript - A new reality awaits you

https://github.com/NativeScript/visionos-hello-world/assets/457187/458ee1bf-7a21-4e85-9c1f-f613ae22d3a6

• Setup
• Choose your preference
• What is This?

Setup

Prerequisites:

• NativeScript Environment Setup
• yarn installed: npm install -g yarn (tested with 1.22.19)
• node >=18 (recommend 20.x.x)
• Download the Apple Hello World Tutorial Sample Here
  • Important: This project requires the Packages folder from the Apple tutorial be moved to tools/Packages in this workspace. It contains the 3D and Reality Composer Pro assets needed for the visionOS apps to run.

yarn setup

Choose your preference

yarn nx run nativescript-angular:vision

yarn nx run nativescript-react:vision

yarn nx run nativescript-solid:vision

yarn nx run nativescript-svelte:vision

yarn nx run nativescript-typescript:vision

yarn nx run nativescript-vue:vision

What is This?

An Nx workspace with Angular, React, Solid, Svelte, TypeScript and Vue visionOS apps all sharing the same SwiftUI files via NativeScript.

The workspace combines yarn workspaces with Nx to hoist dependencies where needed to share.

• Each app shares visionOS Resources including SwiftUI files from here.
• Each app's nativescript.config.ts configures the shared resources via the appResourcesPath property.

All practices shared are for demonstration purposes only.