Installation
Voltra v2 ships as platform packages. In most apps, you install one package for JSX primitives and one package for runtime APIs per platform.
1. Install packages
Section titled “1. Install packages”iOS (Live Activities and widgets)
Section titled “iOS (Live Activities and widgets)”npm install @use-voltra/ios @use-voltra/ios-clientyarn add @use-voltra/ios @use-voltra/ios-clientpnpm add @use-voltra/ios @use-voltra/ios-clientbun add @use-voltra/ios @use-voltra/ios-clientAndroid (Home Screen widgets and ongoing notifications)
Section titled “Android (Home Screen widgets and ongoing notifications)”npm install @use-voltra/android @use-voltra/android-clientyarn add @use-voltra/android @use-voltra/android-clientpnpm add @use-voltra/android @use-voltra/android-clientbun add @use-voltra/android @use-voltra/android-clientUse the platform package for JSX primitives:
@use-voltra/iosexportsVoltra@use-voltra/androidexportsVoltraAndroid,AndroidDynamicColors, andAndroidOngoingNotification
Use the client package for React Native runtime APIs:
@use-voltra/ios-clientexportsstartLiveActivity,updateWidget,VoltraView,VoltraWidgetPreview, and other app-side APIs@use-voltra/android-clientexportsupdateAndroidWidget,requestPinAndroidWidget,reloadAndroidWidgets,VoltraView,VoltraWidgetPreview, and other app-side APIs
Server rendering (optional)
Section titled “Server rendering (optional)”Use these in your backend or SSR service-not in the React Native app bundle:
- iOS payloads:
@use-voltra/ios-server - Android payloads:
@use-voltra/android-server - Cross-platform widget HTTP handlers:
@use-voltra/server
Note that pre-render files such as initialStatePath should import JSX from @use-voltra/ios or @use-voltra/android directly, not from the client packages.
2. Next Steps
Section titled “2. Next Steps”After installing packages, configure the Voltra Expo plugin for each platform you support: