feat: add support for react-native 0.71

[tido64]

Description

When upgrading to this version, please update your build.gradle to using getReactNativeDependencies(). This will reduce breakages when moving to 0.71 and beyond:

diff --git a/example/android/build.gradle b/example/android/build.gradle
index 984a681..29ef8ce 100644
--- a/example/android/build.gradle
+++ b/example/android/build.gradle
@@ -1,7 +1,6 @@
 buildscript {
     def androidTestAppDir = "../node_modules/react-native-test-app/android"
     apply(from: "${androidTestAppDir}/dependencies.gradle")
-    apply(from: "${androidTestAppDir}/test-app-util.gradle")

     repositories {
         mavenCentral()
@@ -9,12 +8,8 @@ buildscript {
     }

     dependencies {
-        classpath("com.android.tools.build:gradle:${androidPluginVersion}")
-
-        def isNightly = getPackageVersionNumber("react-native", rootDir) == 0
-        if (isNightly || isNewArchitectureEnabled(project)) {
-            classpath("com.facebook.react:react-native-gradle-plugin")
-            classpath("de.undercouch:gradle-download-task:5.3.0")
+        getReactNativeDependencies().each { dependency ->
+            classpath(dependency)
         }
     }
 }

Resolves #1198.

Platforms affected

• Android
• iOS
• macOS
• Windows

Test plan

Use the script to test 0.64, 0.68, 0.71, nightly:

scripts/test-matrix.sh 0.71

When getting to Fabric builds, you will have to make changes to App.js since react-native-safe-area-context is not yet compatible with latest new arch changes:

diff --git a/example/App.js b/example/App.js
index c9cd14d..f63758d 100644
--- a/example/App.js
+++ b/example/App.js
@@ -2,6 +2,7 @@
 import React, { useCallback, useMemo, useState } from "react";
 import {
   NativeModules,
+  SafeAreaView,
   ScrollView,
   StatusBar,
   StyleSheet,
@@ -10,7 +11,6 @@ import {
   useColorScheme,
   View,
 } from "react-native";
-import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
 // @ts-expect-error
 import { version as coreVersion } from "react-native/Libraries/Core/ReactNativeVersion";
 import { Colors, Header } from "react-native/Libraries/NewAppScreen";
@@ -169,7 +169,6 @@ const App = ({ concurrentRoot }) => {
   );

   return (
-    <SafeAreaProvider>
       <SafeAreaView style={styles.body}>
         <StatusBar barStyle={isDarkMode ? "light-content" : "dark-content"} />
         <ScrollView
@@ -192,7 +191,6 @@ const App = ({ concurrentRoot }) => {
           </View>
         </ScrollView>
       </SafeAreaView>
-    </SafeAreaProvider>
   );
 };

Screenshots

Configuration	Android	iOS
JSC	n/a
Hermes
Fabric	n/a
Fabric + Hermes

[kelset]

this seems to be fixed in AGP 7.3.0-alpha9; since 0.71 uses AGP 7.3.1 should we have a separate if statement for 7100?

[tido64]

Starting with 7100, usePrefabs is true, so we won't go into this path any longer. Eventually, we will just remove this branch.

[kelset]

Overall looks good, tested locally and seems to be working fine - left one minor comment but I think overall we can proceed ✅