chore: Upgrade to Expo SDK 55

README.md

@@ -27,7 +27,7 @@ This project uses the underlying YouVersion SDKs for [Swift](https://github.com/
 Because support for Jetpack Compose and SwiftUI is a recent development in the React Native ecosystem, this SDK requires recent versions of iOS, Expo, and React Native to work.
 
 > The minimum supported version of iOS is 17.
-> The minimum supported version of Expo is SDK 54.
+> The minimum supported version of Expo is SDK 55.
 
 **Using bare React Native?**
 Follow these instructions to [set up Expo modules in a bare React Native project](https://docs.expo.dev/bare/installing-expo-modules/) before installing this package.

example/app.json

@@ -6,7 +6,6 @@
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "light",
-    "newArchEnabled": true,
     "splash": {
       "image": "./assets/splash-icon.png",
       "resizeMode": "contain",
@@ -21,7 +20,6 @@
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#ffffff"
       },
-      "edgeToEdgeEnabled": true,
       "predictiveBackGestureEnabled": false,
       "package": "com.youversion.reactnativesdk.example"
     },

example/package.json

@@ -10,17 +10,18 @@
     "web": "expo start --web"
   },
   "dependencies": {
-    "@react-navigation/bottom-tabs": "^7.8.4",
-    "@react-navigation/native": "^7.1.19",
-    "expo": "~54.0.10",
-    "expo-build-properties": "~1.0.9",
-    "react": "19.1.0",
-    "react-native": "0.81.4",
+    "@expo/ui": "~55.0.2",
+    "@react-navigation/bottom-tabs": "^7.15.3",
+    "@react-navigation/native": "^7.1.27",
+    "expo": "^55.0.0",
+    "expo-build-properties": "~55.0.9",
+    "react": "19.2.0",
+    "react-native": "0.83.2",
     "react-native-safe-area-context": "~5.6.0",
-    "react-native-screens": "^4.18.0"
+    "react-native-screens": "~4.23.0"
   },
   "devDependencies": {
-    "@types/react": "~19.1.0",
+    "@types/react": "~19.2.10",
     "typescript": "~5.9.2"
   },
   "private": true,

ios/RNBibleReaderViewModule.swift

@@ -1,9 +1,10 @@
 import ExpoModulesCore
+import ExpoUI
 
 public class RNBibleReaderViewModule: Module {
   public func definition() -> ModuleDefinition {
     Name("BibleReaderView")
 
-    View(YVPBibleReaderView.self)
+    ExpoUIView(YVPBibleReaderView.self)
   }
 }

ios/RNBibleTextViewModule.swift

@@ -1,9 +1,10 @@
 import ExpoModulesCore
+import ExpoUI
 
 public class RNBibleTextViewModule: Module {
   public func definition() -> ModuleDefinition {
     Name("BibleTextView")
 
-    View(YVPBibleTextView.self)
+    ExpoUIView(YVPBibleTextView.self)
   }
 }

ios/RNBibleWidgetViewModule.swift

@@ -1,9 +1,10 @@
 import ExpoModulesCore
+import ExpoUI
 
 public class RNBibleWidgetViewModule: Module {
   public func definition() -> ModuleDefinition {
     Name("BibleWidgetView")
 
-    View(YVPBibleWidgetView.self)
+    ExpoUIView(YVPBibleWidgetView.self)
   }
 }

ios/RNSignInWithYouVersionButtonModule.swift

@@ -1,9 +1,10 @@
 import ExpoModulesCore
+import ExpoUI
 
 public class RNSignInWithYouVersionButtonModule: Module {
   public func definition() -> ModuleDefinition {
     Name("SignInWithYouVersionButton")
 
-    View(YVPSignInWithYouVersionButton.self)
+    ExpoUIView(YVPSignInWithYouVersionButton.self)
   }
 }

ios/RNVotdViewModule.swift

@@ -1,9 +1,10 @@
 import ExpoModulesCore
+import ExpoUI
 
 public class RNVotdViewModule: Module {
   public func definition() -> ModuleDefinition {
     Name("VotdView")
 
-    View(YVPVotdView.self)
+    ExpoUIView(YVPVotdView.self)
   }
 }

ios/Views/YVPBibleReaderView.swift

@@ -2,8 +2,9 @@
 import ExpoModulesCore
 import YouVersionPlatform
 import SwiftUI
+import ExpoUI
 
-class BibleReaderViewProps: ExpoSwiftUI.ViewProps {
+class BibleReaderViewProps: UIBaseViewProps {
     // Bible reference
     @Field var versionId: Int
     @Field var bookUSFM: String
@@ -17,7 +18,7 @@ class BibleReaderViewProps: ExpoSwiftUI.ViewProps {
     @Field var hasReference: Bool
 }
 
-struct YVPBibleReaderView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
+struct YVPBibleReaderView: ExpoSwiftUI.View {
     @ObservedObject var props: BibleReaderViewProps
 
     init(props: BibleReaderViewProps) {

ios/Views/YVPBibleTextView.swift

@@ -2,8 +2,9 @@
 import ExpoModulesCore
 import YouVersionPlatform
 import SwiftUI
+import ExpoUI
 
-class BibleTextViewProps: ExpoSwiftUI.ViewProps {
+class BibleTextViewProps: UIBaseViewProps {
     // Styling
     @Field var fontFamily: String?
     @Field var fontSize: CGFloat?
@@ -25,7 +26,7 @@ class BibleTextViewProps: ExpoSwiftUI.ViewProps {
     var onTap = EventDispatcher()
 }
 
-struct YVPBibleTextView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
+struct YVPBibleTextView: ExpoSwiftUI.View {
     @ObservedObject var props: BibleTextViewProps
     @EnvironmentObject var shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
 
@@ -34,18 +35,16 @@ struct YVPBibleTextView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
     }
 
     var body: some View {
-        ExpoSwiftUI.AutoSizingStack(shadowNodeProxy: shadowNodeProxy, axis: .vertical) {
-            BibleTextView(
-                bibleReference(),
-                textOptions: textOptions(),
-                onVerseTap: { bibleRef, urlScheme, footnotes in
-                    props.onTap([
-                        "bibleReference": toJsBibleReference(bibleRef),
-                        "urlScheme": urlScheme
-                    ])
-                }
-            )
-        }
+        BibleTextView(
+            bibleReference(),
+            textOptions: textOptions(),
+            onVerseTap: { bibleRef, urlScheme, footnotes in
+                props.onTap([
+                    "bibleReference": toJsBibleReference(bibleRef),
+                    "urlScheme": urlScheme
+                ])
+            }
+        )
     }
 
     func toJsBibleReference(_ bibleRef: BibleReference) -> [String: Any] {

ios/Views/YVPBibleWidgetView.swift

@@ -2,8 +2,9 @@
 import ExpoModulesCore
 import YouVersionPlatform
 import SwiftUI
+import ExpoUI
 
-class BibleWidgetViewProps: ExpoSwiftUI.ViewProps {
+class BibleWidgetViewProps: UIBaseViewProps {
     // Bible reference
     @Field var versionId: Int
     @Field var bookUSFM: String
@@ -17,7 +18,7 @@ class BibleWidgetViewProps: ExpoSwiftUI.ViewProps {
 
 }
 
-struct YVPBibleWidgetView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
+struct YVPBibleWidgetView: ExpoSwiftUI.View {
     @ObservedObject var props: BibleWidgetViewProps
     @EnvironmentObject var shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
     @Environment(\.colorScheme) var environmentColorScheme
@@ -27,12 +28,10 @@ struct YVPBibleWidgetView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
     }
 
     var body: some View {
-        ExpoSwiftUI.AutoSizingStack(shadowNodeProxy: shadowNodeProxy, axis: .vertical) {
-            BibleWidgetView(
-                reference: bibleReference(),
-                fontSize: CGFloat(props.fontSize ?? 23)
-            ).environment(\.colorScheme, colorScheme())
-        }
+        BibleWidgetView(
+            reference: bibleReference(),
+            fontSize: CGFloat(props.fontSize ?? 23)
+        ).environment(\.colorScheme, colorScheme())
     }
 
     func colorScheme() -> ColorScheme {

ios/Views/YVPSignInWithYouVersionButton.swift

@@ -1,16 +1,17 @@
 import ExpoModulesCore
 import YouVersionPlatform
 import SwiftUI
+import ExpoUI
 
-class SignInWithYouVersionButtonProps: ExpoSwiftUI.ViewProps {
+class SignInWithYouVersionButtonProps: UIBaseViewProps {
     @Field var mode: String = "full"
     @Field var shape: String = "capsule"
     @Field var isStroked: Bool = true
     @Field var colorScheme: String?
     var onTap = EventDispatcher()
 }
 
-struct YVPSignInWithYouVersionButton: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
+struct YVPSignInWithYouVersionButton: ExpoSwiftUI.View {
     @ObservedObject var props: SignInWithYouVersionButtonProps
     @EnvironmentObject var shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
     @Environment(\.colorScheme) var environmentColorScheme
@@ -20,15 +21,13 @@ struct YVPSignInWithYouVersionButton: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingV
     }
 
     var body: some View {
-        ExpoSwiftUI.AutoSizingStack (shadowNodeProxy: shadowNodeProxy, axis: .both) {
-            SignInWithYouVersionButton(
-                shape: shape(),
-                mode: mode(),
-                isStroked: props.isStroked
-            ) {
-                props.onTap()
-            }.environment(\.colorScheme, colorScheme())
-        }
+        SignInWithYouVersionButton(
+            shape: shape(),
+            mode: mode(),
+            isStroked: props.isStroked
+        ) {
+            props.onTap()
+        }.environment(\.colorScheme, colorScheme())
     }
 
     func shape() -> SignInWithYouVersionButton.ButtonShape {

ios/Views/YVPVotdView.swift

@@ -2,13 +2,14 @@
 import ExpoModulesCore
 import YouVersionPlatform
 import SwiftUI
+import ExpoUI
 
-class VotdViewProps: ExpoSwiftUI.ViewProps {
+class VotdViewProps: UIBaseViewProps {
     @Field var bibleVersionId: Int?
     @Field var colorScheme: String? = nil
 }
 
-struct YVPVotdView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
+struct YVPVotdView: ExpoSwiftUI.View {
     @ObservedObject var props: VotdViewProps
     @EnvironmentObject var shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
     @Environment(\.colorScheme) var environmentColorScheme
@@ -18,11 +19,9 @@ struct YVPVotdView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
     }
 
     var body: some View {
-        ExpoSwiftUI.AutoSizingStack(shadowNodeProxy: shadowNodeProxy, axis: .vertical) {
-            VotdView(
-                bibleVersionId: props.bibleVersionId ?? 111
-            ).environment(\.colorScheme, colorScheme())
-        }
+        VotdView(
+            bibleVersionId: props.bibleVersionId ?? 111
+        ).environment(\.colorScheme, colorScheme())
     }
 
     func colorScheme() -> ColorScheme {

ios/YouVersionReactNative.podspec

@@ -19,6 +19,7 @@ Pod::Spec.new do |s|
   s.static_framework = true
 
   s.dependency 'ExpoModulesCore'
+  s.dependency 'ExpoUI'
   s.dependency 'YouVersionPlatform', '1.0.1'
   s.dependency 'YouVersionPlatformCore', '1.0.1'
   s.dependency 'YouVersionPlatformUI', '1.0.1'