Merge pull request #47096 from margelo/fix/keyboard-avoiding-view-from-keyboard-controller-v2

fix: use `KeyboardAvoidingView` from `react-native-keyboard-controller`

Author: marcochavezf

ios/Podfile.lock

@@ -1303,7 +1303,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - react-native-keyboard-controller (1.12.2):
+  - react-native-keyboard-controller (1.13.0):
     - glog
     - hermes-engine
     - RCT-Folly (= 2022.05.16.00)
@@ -2565,7 +2565,7 @@ SPEC CHECKSUMS:
   react-native-geolocation: 580c86eb531c0aaf7a14bc76fd2983ce47ca58aa
   react-native-image-picker: f8a13ff106bcc7eb00c71ce11fdc36aac2a44440
   react-native-key-command: 28ccfa09520e7d7e30739480dea4df003493bfe8
-  react-native-keyboard-controller: 47c01b0741ae5fc84e53cf282e61cfa5c2edb19b
+  react-native-keyboard-controller: a8cbf848d0bc0e1976a07948f1c53b8432c1246c
   react-native-launch-arguments: 5f41e0abf88a15e3c5309b8875d6fd5ac43df49d
   react-native-netinfo: 02d31de0e08ab043d48f2a1a8baade109d7b6ca5
   react-native-pager-view: ccd4bbf9fc7effaf8f91f8dae43389844d9ef9fa

package-lock.json

@@ -153,7 +153,7 @@
     "react-native-image-picker": "^7.0.3",
     "react-native-image-size": "git+https://github.com/Expensify/react-native-image-size#93399c6410de32966eb57085936ef6951398c2c3",
     "react-native-key-command": "^1.0.8",
-    "react-native-keyboard-controller": "^1.12.2",
+    "react-native-keyboard-controller": "1.13.0",
     "react-native-launch-arguments": "^4.0.2",
     "react-native-linear-gradient": "^2.8.1",
     "react-native-localize": "^2.2.6",

package.json

@@ -1,8 +1,8 @@
 diff --git a/node_modules/react-native-keyboard-controller/android/src/main/java/com/reactnativekeyboardcontroller/views/EdgeToEdgeReactViewGroup.kt b/node_modules/react-native-keyboard-controller/android/src/main/java/com/reactnativekeyboardcontroller/views/EdgeToEdgeReactViewGroup.kt
-index 83884d8..5d9e989 100644
+index 6e566fc..82416a1 100644
 --- a/node_modules/react-native-keyboard-controller/android/src/main/java/com/reactnativekeyboardcontroller/views/EdgeToEdgeReactViewGroup.kt
 +++ b/node_modules/react-native-keyboard-controller/android/src/main/java/com/reactnativekeyboardcontroller/views/EdgeToEdgeReactViewGroup.kt
-@@ -99,12 +99,12 @@ class EdgeToEdgeReactViewGroup(private val reactContext: ThemedReactContext) : R
+@@ -117,11 +117,11 @@ class EdgeToEdgeReactViewGroup(private val reactContext: ThemedReactContext) : R
    }
 
    private fun goToEdgeToEdge(edgeToEdge: Boolean) {
@@ -11,29 +11,41 @@ index 83884d8..5d9e989 100644
 -        it.window,
 -        !edgeToEdge,
 -      )
--    }
-+  // reactContext.currentActivity?.let {
-+  //  WindowCompat.setDecorFitsSystemWindows(
-+  //    it.window,
-+  //    !edgeToEdge,
-+  //  )
-+  // }
++    // reactContext.currentActivity?.let {
++    //   WindowCompat.setDecorFitsSystemWindows(
++    //     it.window,
++    //     !edgeToEdge,
++    //   )
+     }
    }
 
-   private fun setupKeyboardCallbacks() {
-@@ -158,13 +158,13 @@ class EdgeToEdgeReactViewGroup(private val reactContext: ThemedReactContext) : R
+@@ -169,16 +169,16 @@ class EdgeToEdgeReactViewGroup(private val reactContext: ThemedReactContext) : R
    // region State managers
    private fun enable() {
      this.goToEdgeToEdge(true)
 -    this.setupWindowInsets()
 +    // this.setupWindowInsets()
      this.setupKeyboardCallbacks()
+-    modalAttachedWatcher.enable()
++    // modalAttachedWatcher.enable()
    }
 
    private fun disable() {
      this.goToEdgeToEdge(false)
 -    this.setupWindowInsets()
 +    // this.setupWindowInsets()
      this.removeKeyboardCallbacks()
+-    modalAttachedWatcher.disable()
++    // modalAttachedWatcher.disable()
+   }
+   // endregion
+ 
+@@ -206,7 +206,7 @@ class EdgeToEdgeReactViewGroup(private val reactContext: ThemedReactContext) : R
+   fun forceStatusBarTranslucent(isStatusBarTranslucent: Boolean) {
+     if (active && this.isStatusBarTranslucent != isStatusBarTranslucent) {
+       this.isStatusBarTranslucent = isStatusBarTranslucent
+-      this.setupWindowInsets()
++      // this.setupWindowInsets()
+       this.requestApplyInsetsWhenAttached()
+     }
    }
-   // endregion

patches/react-native-keyboard-controller+1.12.2.patch renamed to patches/react-native-keyboard-controller+1.13.0.patch

@@ -2,7 +2,7 @@
  * The KeyboardAvoidingView is only used on ios
  */
 import React from 'react';
-import {KeyboardAvoidingView as KeyboardAvoidingViewComponent} from 'react-native';
+import {KeyboardAvoidingView as KeyboardAvoidingViewComponent} from 'react-native-keyboard-controller';
 import type {KeyboardAvoidingViewProps} from './types';
 
 function KeyboardAvoidingView(props: KeyboardAvoidingViewProps) {