chore: Upgrade to Expo SDK 55 (#40)

* chore: upgrade to Expo 55

* docs: update minimum Expo SDK to 55

* chore: install expo ui and update packages

To make the app run on Expo 55, there were a few more
packages that needed updating. Also, I've added Expo UI
to use for our components.

* chore: use `ExpoUIView` when registering native views

* chore: inherit `UIBaseViewProps` for view props

* chore: stop using `WithHostingView`

Expo's recommendations now are to use the `<Host />`
component in JS land instead.

* chore: stop using `AutoSizingStack`

Expo's guidance is to set `matchContents` on the
`<Host />` component in JS.

* chore: add dependency on `ExpoUI` in podspec

* chore: wrap components in `<Host />`

* chore: add fixed size modifier

This is to prevent the button from collapsing when
in it's being centrally aligned in a flex box layout.

* test: add mocks to make tests pass

* chore: fix ordering of styles

* chore: default Bible version to 3034

* chore: remove unused imports

* chore: require expo ui to be SDK 55 or higher

Author: sidorchukandrew

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.

android/src/main/java/com/youversion/reactnativesdk/views/YVPVotdView.kt

@@ -17,7 +17,7 @@ import expo.modules.kotlin.views.ComposeProps
 import expo.modules.kotlin.views.ExpoComposeView
 
 data class VotdViewProps(
-    val bibleVersionId: MutableState<Int?> = mutableStateOf(111),
+    val bibleVersionId: MutableState<Int?> = mutableStateOf(3034),
     val colorScheme: MutableState<String?> = mutableStateOf(null),
 ) : ComposeProps
 

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-lock.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,

example/package.json

@@ -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/RNBibleReaderViewModule.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/RNBibleTextViewModule.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/RNBibleWidgetViewModule.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/RNSignInWithYouVersionButtonModule.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)
   }
 }