Release 0.73.3

React Native visionOS 0.73

We are excited to announce our first react-native-visionos release based on a stable version of React Native!

Caution

react-native-visionos is not production ready. If you encounter any issues let us know!

Get started

Make sure to follow the prerequisites described in the README and run this command to create a new project:

npx @callstack/react-native-visionos init VisionApp

Features

visionOS CLI commands:

npx react-native run-visionos
npx react-native log-visionos
npx react-native build-visionos

SwiftUI as the entry point

The app entry point is now App.swift file (by default it is main.m). This change allows us to use full capabilities of the visionOS SDK. It allows you to also easily extend the framework using Swift and RealityKit to render 3D content.

// App.swift
@main
struct HelloWorldApp: App {
  @UIApplicationDelegateAdaptor var delegate: AppDelegate
  
  var body: some Scene {
    RCTMainWindow(moduleName: "HelloWorld")
  }
}

Hover Effect API

<TouchableOpacity visionos_hoverEffect="lift">
  <Text>Click me</Text>
</TouchableOpacity>

CleanShot.2024-02-01.at.15.06.50.mp4

...And a lot of bug fixes 🐛

To learn more, check out the documentation here.

Screenshot

Release 0.74.0-nightly-20240123

What's new?

SwiftUI as Entry point

React native visionOS now uses SwiftUI lifecycle. The app entry point is now App.swift file (by default it is main.m). This change allows us to use full capabilities of the visionOS SDK.

Here is a example from the template:

// App.swift
@main
struct HelloWorldApp: App {
  @UIApplicationDelegateAdaptor var delegate: AppDelegate
  
  var body: some Scene {
    RCTMainWindow(moduleName: "HelloWorld")
  }
}

What's Changed

• fix: use isVision instead of isVisionOS by @okwasniewski in #76
• fix: release build bundle by @okwasniewski in #74
• feat: update docs by @okwasniewski in #80

Full Changelog: https://github.com/callstack/react-native-visionos/commits/v0.74.0-nightly-20240123