feat: add support for react-native@0.78.0 (#2749)

## Description

Adding support for `react-native@0.78.0`.

## Changes

- adjusted example apps (Android, iOS) on both architectures (Paper,
Fabric) with changes from upgrade helper,
- added additional fixes (android, ios, cpp) from 4.x
(#2626),
- updated dependencies, gradle of the library:
- uncommented `syncArchs` task, because updating `react-native` version
of the library fixed the problem with codegen,
- fixed issue connected with Gesture Handler:
  - #2618,
- updated TVOS example app (from 0.74.1) to match example app from 4.x
and Android, iOS apps,
- fixed a bug with `replaceNavigationBarViewsWithSnapshotOfSubview`
method by adding a nil check:
- adapted from
#2485,
- restoring backward compatibility:
  - #2730,
  - #2737.

## Test code and steps to reproduce

CI

## Checklist

- [ ] Ensured that CI passes

---------

Co-authored-by: Kacper Kafara <kacper.kafara@swmansion.com>

Author: kligarski

.github/workflows/android-e2e-test.yml

@@ -53,9 +53,11 @@ jobs:
         working-directory: ${{ env.WORKING_DIRECTORY }}
         run: yarn
       - name: Install AVD dependencies
+        # libxkbfile1 is removed by "Free Disk Space (Ubuntu)" step first. Here we install it again
+        # as it seems to be needed by the emulator.
         run: |
           sudo apt update
-          sudo apt-get install -y libpulse0 libgl1
+          sudo apt-get install -y libpulse0 libgl1 libxkbfile1
       - name: Build app
         working-directory: ${{ env.WORKING_DIRECTORY }}
         run: yarn build-e2e-android

.github/workflows/ios-build-test-fabric.yml

@@ -37,7 +37,7 @@ jobs:
       - name: Use latest stable Xcode
         uses: maxim-lobanov/setup-xcode@v1
         with:
-          xcode-version: latest-stable
+          xcode-version: '16.1'
       - name: Install node dependencies
         working-directory: ${{ env.WORKING_DIRECTORY }}
         run: yarn

.github/workflows/ios-build-test.yml

@@ -35,7 +35,7 @@ jobs:
       - name: Use latest stable Xcode
         uses: maxim-lobanov/setup-xcode@v1
         with:
-          xcode-version: latest-stable
+          xcode-version: '16.1'
       - name: Install node dependencies
         working-directory: ${{ env.WORKING_DIRECTORY }}
         run: yarn

.github/workflows/ios-e2e-test.yml

@@ -33,7 +33,7 @@ jobs:
       - name: Use latest stable Xcode
         uses: maxim-lobanov/setup-xcode@v1
         with:
-          xcode-version: latest-stable
+          xcode-version: '16.1'
       - name: Get Xcode version
         run: xcodebuild -version
       - name: Install AppleSimulatorUtils

Example/.detoxrc.js

@@ -42,7 +42,7 @@ module.exports = {
     simulator: {
       type: 'ios.simulator',
       device: {
-        type: 'iPhone 14',
+        type: 'iPhone 15',
       },
     },
     attached: {

Example/.gitignore

@@ -33,6 +33,7 @@ local.properties
 .cxx/
 *.keystore
 !debug.keystore
+.kotlin/
 
 # node.js
 #

Example/android/app/build.gradle

@@ -63,14 +63,14 @@ def enableProguardInReleaseBuilds = false
  * The preferred build flavor of JavaScriptCore (JSC)
  *
  * For example, to use the international variant, you can use:
- * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ * `def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+`
  *
  * The international variant includes ICU i18n library and necessary data
  * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
  * give correct results when using with locales other than en-US. Note that
  * this variant is about 6MiB larger per architecture than default.
  */
-def jscFlavor = 'org.webkit:android-jsc:+'
+def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
 
 android {
     ndkVersion rootProject.ext.ndkVersion
@@ -139,11 +139,11 @@ dependencies {
 
 apply plugin: 'com.github.node-gradle.node'
 
-//task syncArchs(type: NodeTask) {
-//    group = 'Build'
-//    description = 'Run sync beetwen Paper and Fabric arch'
-//    yarn_install
-//    script = file('../../../scripts/codegen-sync-archs.js')
-//}
-//
-//tasks['preBuild'].dependsOn(syncArchs)
+task syncArchs(type: NodeTask) {
+   group = 'Build'
+   description = 'Run sync beetwen Paper and Fabric arch'
+   yarn_install
+   script = file('../../../scripts/codegen-sync-archs.js')
+}
+
+tasks['preBuild'].dependsOn(syncArchs)

Example/android/build.gradle

@@ -3,7 +3,7 @@ buildscript {
         buildToolsVersion = "35.0.0"
         minSdkVersion = 24
         compileSdkVersion = 35
-        targetSdkVersion = 34
+        targetSdkVersion = 35
         ndkVersion = "27.1.12297006"
         kotlinVersion = "2.0.21"
     }
@@ -34,3 +34,10 @@ allprojects {
 }
 
 apply plugin: "com.facebook.react.rootproject"
+
+// Custom configuration. This is done in order to simplify process
+// of upgrading the wrapper, eliminating necessity to manually specify CLI options
+// to ensure that we use distribution of type `ALL`.
+tasks.named("wrapper") {
+    it.distributionType = Wrapper.DistributionType.ALL
+}

Example/android/gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,8 @@
 #Thu Feb 18 09:11:40 CET 2021
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.12-all.zip
+networkTimeout=10000
+validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-all.zip