react-native-keyboard-controller 1.21.0-beta.3 → 1.21.1

package/README.md

@@ -19,6 +19,7 @@ A universal keyboard handling solution for React Native — lightweight, fully c
 - 🌐 Display anything over the keyboard (without dismissing it) using `OverKeyboardView`
 - 🎨 Match keyboard background with `KeyboardBackgroundView`
 - 🧩 Extend keyboard with custom buttons/UI via `KeyboardExtender`
+- 💬 Build chat interfaces (messenger and 🤖 AI chats) easily with `KeyboardChatScrollView`
 - 📝 Easy retrieval of focused input info
 - 🧭 Compatible with any navigation library
 - ✨ More coming soon... stay tuned! 😊

package/android/src/base/java/com/reactnativekeyboardcontroller/KeyboardControllerPackage.kt

@@ -60,5 +60,6 @@ class KeyboardControllerPackage : BaseReactPackage() {
       OverKeyboardViewManager(),
       KeyboardBackgroundViewManager(),
       ClippingScrollViewDecoratorViewManager(),
+      KeyboardToolbarGroupViewManager(),
     )
 }

package/android/src/fabric/java/com/reactnativekeyboardcontroller/ClippingScrollViewDecoratorViewManager.kt

@@ -34,4 +34,11 @@ class ClippingScrollViewDecoratorViewManager :
   ) {
     view?.setContentInsetTop(value)
   }
+
+  override fun setApplyWorkaroundForContentInsetHitTestBug(
+    view: ClippingScrollViewDecoratorView?,
+    value: Boolean,
+  ) {
+    view?.setApplyWorkaroundForContentInsetHitTestBug(value)
+  }
 }

package/android/src/fabric/java/com/reactnativekeyboardcontroller/KeyboardControllerModule.kt

@@ -1,5 +1,6 @@
 package com.reactnativekeyboardcontroller
 
+import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.reactnativekeyboardcontroller.modules.KeyboardControllerModuleImpl
 
@@ -33,6 +34,13 @@ class KeyboardControllerModule(
     module.setFocusTo(direction)
   }
 
+  override fun viewPositionInWindow(
+    viewTag: Double,
+    promise: Promise,
+  ) {
+    module.viewPositionInWindow(viewTag, promise)
+  }
+
   override fun addListener(eventName: String?) {
     // Required for RN built-in Event Emitter Calls.
   }

package/android/src/fabric/java/com/reactnativekeyboardcontroller/KeyboardToolbarGroupViewManager.kt

@@ -0,0 +1,23 @@
+package com.reactnativekeyboardcontroller
+
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.viewmanagers.KeyboardToolbarGroupViewManagerDelegate
+import com.facebook.react.viewmanagers.KeyboardToolbarGroupViewManagerInterface
+import com.reactnativekeyboardcontroller.managers.KeyboardToolbarGroupViewManagerImpl
+import com.reactnativekeyboardcontroller.views.KeyboardToolbarGroupReactViewGroup
+
+class KeyboardToolbarGroupViewManager :
+  ViewGroupManager<KeyboardToolbarGroupReactViewGroup>(),
+  KeyboardToolbarGroupViewManagerInterface<KeyboardToolbarGroupReactViewGroup> {
+  private val manager = KeyboardToolbarGroupViewManagerImpl()
+  private val mDelegate = KeyboardToolbarGroupViewManagerDelegate(this)
+
+  override fun getDelegate(): ViewManagerDelegate<KeyboardToolbarGroupReactViewGroup> = mDelegate
+
+  override fun getName(): String = KeyboardToolbarGroupViewManagerImpl.NAME
+
+  override fun createViewInstance(context: ThemedReactContext): KeyboardToolbarGroupReactViewGroup =
+    manager.createViewInstance(context)
+}

package/android/src/main/java/com/reactnativekeyboardcontroller/extensions/ReactContext.kt

@@ -3,6 +3,18 @@ package com.reactnativekeyboardcontroller.extensions
 import android.view.View
 import android.view.ViewGroup
 import com.facebook.react.bridge.ReactContext
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.common.UIManagerType
+import com.facebook.react.uimanager.events.EventDispatcher
+import com.reactnativekeyboardcontroller.BuildConfig
+
+private val archType = if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) UIManagerType.FABRIC else UIManagerType.DEFAULT
+
+val ReactContext.uiManager
+  get() = UIManagerHelper.getUIManager(this, archType)
+
+val ReactContext.eventDispatcher: EventDispatcher?
+  get() = UIManagerHelper.getEventDispatcher(this, archType)
 
 val ReactContext.rootView: View?
   get() =

package/android/src/main/java/com/reactnativekeyboardcontroller/listeners/FocusedInputObserver.kt

@@ -120,7 +120,8 @@ class FocusedInputObserver(
         selectionSubscription = newFocus.addOnSelectionChangedListener(selectionListener)
         FocusedInputHolder.set(newFocus)
 
-        val allInputFields = ViewHierarchyNavigator.getAllInputFields(context?.rootView)
+        val groupAncestor = ViewHierarchyNavigator.findGroupAncestor(newFocus)
+        val allInputFields = ViewHierarchyNavigator.getAllInputFields(groupAncestor ?: context?.rootView)
         val currentIndex = allInputFields.indexOf(newFocus)
 
         context.emitEvent(

package/android/src/main/java/com/reactnativekeyboardcontroller/listeners/WindowDimensionListener.kt

@@ -18,6 +18,7 @@ class WindowDimensionListener(
 ) {
   private var lastDispatchedDimensions = Dimensions(0.0, 0.0)
   private var layoutListener: ViewTreeObserver.OnGlobalLayoutListener? = null
+  private var attachedContent: ViewGroup? = null
 
   public fun attachListener() {
     // attach to content view only once per app instance
@@ -25,6 +26,7 @@ class WindowDimensionListener(
       listenerID = context.hashCode()
 
       val content = context.content
+      attachedContent = content
 
       updateWindowDimensions(content)
 
@@ -38,7 +40,9 @@ class WindowDimensionListener(
   }
 
   public fun detachListener() {
-    context?.content?.viewTreeObserver?.removeOnGlobalLayoutListener(layoutListener)
+    attachedContent?.viewTreeObserver?.removeOnGlobalLayoutListener(layoutListener)
+    attachedContent = null
+    layoutListener = null
   }
 
   private fun updateWindowDimensions(content: ViewGroup?) {

package/android/src/main/java/com/reactnativekeyboardcontroller/managers/KeyboardToolbarGroupViewManagerImpl.kt

@@ -0,0 +1,13 @@
+package com.reactnativekeyboardcontroller.managers
+
+import com.facebook.react.uimanager.ThemedReactContext
+import com.reactnativekeyboardcontroller.views.KeyboardToolbarGroupReactViewGroup
+
+class KeyboardToolbarGroupViewManagerImpl {
+  fun createViewInstance(reactContext: ThemedReactContext): KeyboardToolbarGroupReactViewGroup =
+    KeyboardToolbarGroupReactViewGroup(reactContext)
+
+  companion object {
+    const val NAME = "KeyboardToolbarGroupView"
+  }
+}

package/android/src/main/java/com/reactnativekeyboardcontroller/modal/ModalAttachedWatcher.kt

@@ -4,15 +4,14 @@ import android.view.ViewGroup
 import android.view.WindowManager
 import androidx.core.view.ViewCompat
 import com.facebook.react.uimanager.ThemedReactContext
-import com.facebook.react.uimanager.UIManagerHelper
-import com.facebook.react.uimanager.common.UIManagerType
 import com.facebook.react.uimanager.events.Event
 import com.facebook.react.uimanager.events.EventDispatcherListener
 import com.facebook.react.views.modal.ReactModalHostView
 import com.facebook.react.views.view.ReactViewGroup
-import com.reactnativekeyboardcontroller.BuildConfig
 import com.reactnativekeyboardcontroller.constants.Keyboard
+import com.reactnativekeyboardcontroller.extensions.eventDispatcher
 import com.reactnativekeyboardcontroller.extensions.removeSelf
+import com.reactnativekeyboardcontroller.extensions.uiManager
 import com.reactnativekeyboardcontroller.listeners.KeyboardAnimationCallback
 import com.reactnativekeyboardcontroller.listeners.KeyboardAnimationCallbackConfig
 import com.reactnativekeyboardcontroller.log.Logger
@@ -26,9 +25,8 @@ class ModalAttachedWatcher(
   private val config: KeyboardAnimationCallbackConfig,
   private var callback: () -> KeyboardAnimationCallback?,
 ) : EventDispatcherListener {
-  private val archType = if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) UIManagerType.FABRIC else UIManagerType.DEFAULT
-  private val uiManager = UIManagerHelper.getUIManager(reactContext.reactApplicationContext, archType)
-  private val eventDispatcher = UIManagerHelper.getEventDispatcher(reactContext.reactApplicationContext, archType)
+  private val uiManager = reactContext.uiManager
+  private val eventDispatcher = reactContext.eventDispatcher
 
   override fun onEventDispatch(event: Event<*>) {
     if (event.eventName != MODAL_SHOW_EVENT) {

package/android/src/main/java/com/reactnativekeyboardcontroller/modules/KeyboardControllerModuleImpl.kt

@@ -5,8 +5,13 @@ import android.os.Build
 import android.view.View
 import android.view.WindowManager
 import android.view.inputmethod.InputMethodManager
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.UiThreadUtil
+import com.reactnativekeyboardcontroller.extensions.dp
+import com.reactnativekeyboardcontroller.extensions.screenLocation
+import com.reactnativekeyboardcontroller.extensions.uiManager
 import com.reactnativekeyboardcontroller.interactive.KeyboardAnimationController
 import com.reactnativekeyboardcontroller.traversal.FocusedInputHolder
 import com.reactnativekeyboardcontroller.traversal.ViewHierarchyNavigator
@@ -14,6 +19,7 @@ import com.reactnativekeyboardcontroller.traversal.ViewHierarchyNavigator
 class KeyboardControllerModuleImpl(
   private val mReactContext: ReactApplicationContext,
 ) {
+  private val uiManager = mReactContext.uiManager
   private val controller = KeyboardAnimationController()
   private val mDefaultMode: Int = getCurrentMode()
 
@@ -77,6 +83,26 @@ class KeyboardControllerModuleImpl(
     }
   }
 
+  fun viewPositionInWindow(
+    viewTag: Double,
+    promise: Promise,
+  ) {
+    UiThreadUtil.runOnUiThread {
+      val view = uiManager?.resolveView(viewTag.toInt())
+      if (view == null) {
+        promise.reject("E_VIEW_NOT_FOUND", "Could not find view for tag")
+        return@runOnUiThread
+      }
+      val location = view.screenLocation
+      val map = Arguments.createMap()
+      map.putDouble("x", location[0].toFloat().dp)
+      map.putDouble("y", location[1].toFloat().dp)
+      map.putDouble("width", view.width.toFloat().dp)
+      map.putDouble("height", view.height.toFloat().dp)
+      promise.resolve(map)
+    }
+  }
+
   private fun setSoftInputMode(mode: Int) {
     UiThreadUtil.runOnUiThread {
       if (getCurrentMode() != mode) {

package/android/src/main/java/com/reactnativekeyboardcontroller/traversal/ViewHierarchyNavigator.kt

@@ -5,6 +5,7 @@ import android.view.ViewGroup
 import android.widget.EditText
 import com.facebook.react.bridge.UiThreadUtil
 import com.reactnativekeyboardcontroller.extensions.focus
+import com.reactnativekeyboardcontroller.views.KeyboardToolbarGroupReactViewGroup
 
 object ViewHierarchyNavigator {
   fun setFocusTo(
@@ -25,19 +26,40 @@ object ViewHierarchyNavigator {
     fun findEditTexts(view: View?) {
       if (isValidTextInput(view)) {
         editTexts.add(view as EditText)
-      } else if (view is ViewGroup) {
+      } else if (view is ViewGroup && view !is KeyboardToolbarGroupReactViewGroup) {
         for (i in 0 until view.childCount) {
           findEditTexts(view.getChildAt(i))
         }
       }
     }
 
-    // Start the search with the provided viewGroup
-    findEditTexts(viewGroup)
+    // If the root is a group itself, search within it (for group-scoped queries)
+    if (viewGroup is KeyboardToolbarGroupReactViewGroup) {
+      for (i in 0 until viewGroup.childCount) {
+        findEditTexts(viewGroup.getChildAt(i))
+      }
+    } else {
+      findEditTexts(viewGroup)
+    }
 
     return editTexts
   }
 
+  /**
+   * Finds the closest [KeyboardToolbarGroupReactViewGroup] ancestor of the given view.
+   * Returns null if the view is not inside any group.
+   */
+  fun findGroupAncestor(view: View?): KeyboardToolbarGroupReactViewGroup? {
+    var current = view?.parent
+    while (current != null) {
+      if (current is KeyboardToolbarGroupReactViewGroup) {
+        return current
+      }
+      current = current.parent
+    }
+    return null
+  }
+
   private fun findNextEditText(currentFocus: View): EditText? = findEditTextInDirection(currentFocus, 1)
 
   private fun findPreviousEditText(currentFocus: View): EditText? = findEditTextInDirection(currentFocus, -1)
@@ -64,6 +86,11 @@ object ViewHierarchyNavigator {
       i += direction
     }
 
+    // Don't navigate outside the group boundary
+    if (parentViewGroup is KeyboardToolbarGroupReactViewGroup) {
+      return null
+    }
+
     // Recurse to the parent's parent if no sibling EditText is found
     return findEditTextInDirection(parentViewGroup, direction)
   }
@@ -91,7 +118,7 @@ object ViewHierarchyNavigator {
 
     if (isValidTextInput(child)) {
       result = child as EditText
-    } else if (child is ViewGroup) {
+    } else if (child is ViewGroup && child !is KeyboardToolbarGroupReactViewGroup) {
       // If the child is a ViewGroup, check its children recursively
       result = findEditTextInHierarchy(child, direction)
     }

package/android/src/main/java/com/reactnativekeyboardcontroller/views/ClippingScrollViewDecoratorView.kt

@@ -31,6 +31,11 @@ class ClippingScrollViewDecoratorView(
     decorateScrollView()
   }
 
+  @Suppress("detekt:UnusedParameter")
+  fun setApplyWorkaroundForContentInsetHitTestBug(value: Boolean) {
+    // iOS-only workaround; no-op on Android
+  }
+
   private fun decorateScrollView() {
     val scrollView = getChildAt(0) as? ScrollView ?: return
 

package/android/src/main/java/com/reactnativekeyboardcontroller/views/KeyboardToolbarGroupReactViewGroup.kt

@@ -0,0 +1,13 @@
+package com.reactnativekeyboardcontroller.views
+
+import android.annotation.SuppressLint
+import android.content.Context
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.views.view.ReactViewGroup
+
+@SuppressLint("ViewConstructor")
+class KeyboardToolbarGroupReactViewGroup : ReactViewGroup {
+  constructor(reactContext: ThemedReactContext) : super(reactContext)
+  internal constructor(context: Context) : super(context)
+  // semantic view used in KeyboardToolbar traverse algorithm
+}

package/android/src/main/jni/RNKC.h

@@ -14,6 +14,8 @@
 #include <react/renderer/components/RNKC/RNKCKeyboardGestureAreaComponentDescriptor.h>
 #include <react/renderer/components/RNKC/RNKCOverKeyboardViewComponentDescriptor.h>
 #include <react/renderer/components/RNKC/RNKCKeyboardBackgroundViewComponentDescriptor.h>
+#include <react/renderer/components/RNKC/RNKCClippingScrollViewDecoratorViewComponentDescriptor.h>
+#include <react/renderer/components/RNKC/RNKCKeyboardToolbarGroupViewComponentDescriptor.h>
 
 #include <memory>
 #include <string>

package/android/src/paper/java/com/reactnativekeyboardcontroller/ClippingScrollViewDecoratorViewManager.kt

@@ -29,4 +29,12 @@ class ClippingScrollViewDecoratorViewManager : ViewGroupManager<ClippingScrollVi
   ) {
     view.setContentInsetTop(value)
   }
+
+  @ReactProp(name = "applyWorkaroundForContentInsetHitTestBug")
+  fun setApplyWorkaroundForContentInsetHitTestBug(
+    view: ClippingScrollViewDecoratorView,
+    value: Boolean,
+  ) {
+    view.setApplyWorkaroundForContentInsetHitTestBug(value)
+  }
 }

package/android/src/paper/java/com/reactnativekeyboardcontroller/KeyboardControllerModule.kt

@@ -1,5 +1,6 @@
 package com.reactnativekeyboardcontroller
 
+import com.facebook.react.bridge.Promise
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReactContextBaseJavaModule
 import com.facebook.react.bridge.ReactMethod
@@ -40,6 +41,14 @@ class KeyboardControllerModule(
     module.setFocusTo(direction)
   }
 
+  @ReactMethod
+  fun viewPositionInWindow(
+    viewTag: Double,
+    promise: Promise,
+  ) {
+    module.viewPositionInWindow(viewTag, promise)
+  }
+
   @Suppress("detekt:UnusedParameter")
   @ReactMethod
   fun addListener(eventName: String?) {

package/android/src/paper/java/com/reactnativekeyboardcontroller/KeyboardToolbarGroupViewManager.kt

@@ -0,0 +1,15 @@
+package com.reactnativekeyboardcontroller
+
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.views.view.ReactViewManager
+import com.reactnativekeyboardcontroller.managers.KeyboardToolbarGroupViewManagerImpl
+import com.reactnativekeyboardcontroller.views.KeyboardToolbarGroupReactViewGroup
+
+class KeyboardToolbarGroupViewManager : ReactViewManager() {
+  private val manager = KeyboardToolbarGroupViewManagerImpl()
+
+  override fun getName(): String = KeyboardToolbarGroupViewManagerImpl.NAME
+
+  override fun createViewInstance(reactContext: ThemedReactContext): KeyboardToolbarGroupReactViewGroup =
+    manager.createViewInstance(reactContext)
+}

package/android/src/turbo/java/com/reactnativekeyboardcontroller/KeyboardControllerPackage.kt

@@ -60,5 +60,7 @@ class KeyboardControllerPackage : TurboReactPackage() {
       KeyboardGestureAreaViewManager(),
       OverKeyboardViewManager(),
       KeyboardBackgroundViewManager(),
+      ClippingScrollViewDecoratorViewManager(),
+      KeyboardToolbarGroupViewManager(),
     )
 }

package/common/cpp/react/renderer/components/RNKC/RNKCClippingScrollViewDecoratorViewComponentDescriptor.h

@@ -0,0 +1,27 @@
+//
+//  RNKCClippingScrollViewDecoratorViewComponentDescriptor.h
+//  Pods
+//
+//  Created by Kiryl Ziusko on 03/03/2025.
+//
+
+#pragma once
+
+#include "RNKCClippingScrollViewDecoratorViewShadowNode.h"
+
+#include <react/debug/react_native_assert.h>
+#include <react/renderer/components/RNKC/Props.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+namespace facebook::react {
+class ClippingScrollViewDecoratorViewComponentDescriptor final
+    : public ConcreteComponentDescriptor<ClippingScrollViewDecoratorViewShadowNode> {
+ public:
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+  void adopt(ShadowNode &shadowNode) const override {
+    react_native_assert(dynamic_cast<ClippingScrollViewDecoratorViewShadowNode *>(&shadowNode));
+    ConcreteComponentDescriptor::adopt(shadowNode);
+  }
+};
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNKC/RNKCClippingScrollViewDecoratorViewShadowNode.cpp

@@ -0,0 +1,14 @@
+//
+//  RNKCClippingScrollViewDecoratorViewShadowNode.cpp
+//  Pods
+//
+//  Created by Kiryl Ziusko on 03/03/2025.
+//
+
+#include "RNKCClippingScrollViewDecoratorViewShadowNode.h"
+
+namespace facebook::react {
+
+extern const char ClippingScrollViewDecoratorViewComponentName[] = "ClippingScrollViewDecoratorView";
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNKC/RNKCClippingScrollViewDecoratorViewShadowNode.h

@@ -0,0 +1,30 @@
+//
+//  RNKCClippingScrollViewDecoratorViewShadowNode.h
+//  Pods
+//
+//  Created by Kiryl Ziusko on 03/03/2025.
+//
+
+#pragma once
+
+#include "RNKCClippingScrollViewDecoratorViewState.h"
+
+#include <react/renderer/components/RNKC/EventEmitters.h>
+#include <react/renderer/components/RNKC/Props.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <jsi/jsi.h>
+
+namespace facebook::react {
+
+JSI_EXPORT extern const char ClippingScrollViewDecoratorViewComponentName[];
+
+/*
+ * `ShadowNode` for <ClippingScrollViewDecoratorView> component.
+ */
+using ClippingScrollViewDecoratorViewShadowNode = ConcreteViewShadowNode<
+    ClippingScrollViewDecoratorViewComponentName,
+    ClippingScrollViewDecoratorViewProps,
+    ClippingScrollViewDecoratorViewEventEmitter,
+    ClippingScrollViewDecoratorViewState>;
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNKC/RNKCClippingScrollViewDecoratorViewState.h

@@ -0,0 +1,28 @@
+//
+//  RNKCClippingScrollViewDecoratorViewState.h
+//  Pods
+//
+//  Created by Kiryl Ziusko on 03/03/2025.
+//
+
+#pragma once
+
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#endif
+
+namespace facebook::react {
+
+class ClippingScrollViewDecoratorViewState {
+ public:
+  ClippingScrollViewDecoratorViewState() = default;
+
+#ifdef ANDROID
+  ClippingScrollViewDecoratorViewState(ClippingScrollViewDecoratorViewState const &previousState, folly::dynamic data) {}
+  folly::dynamic getDynamic() const {
+    return {};
+  }
+#endif
+};
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNKC/RNKCKeyboardToolbarGroupViewComponentDescriptor.h

@@ -0,0 +1,20 @@
+#pragma once
+
+#include "RNKCKeyboardToolbarGroupViewShadowNode.h"
+
+#include <react/debug/react_native_assert.h>
+#include <react/renderer/components/RNKC/Props.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+namespace facebook::react {
+class KeyboardToolbarGroupViewComponentDescriptor final
+    : public ConcreteComponentDescriptor<KeyboardToolbarGroupViewShadowNode> {
+ public:
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+  void adopt(ShadowNode &shadowNode) const override {
+    react_native_assert(dynamic_cast<KeyboardToolbarGroupViewShadowNode *>(&shadowNode));
+    ConcreteComponentDescriptor::adopt(shadowNode);
+  }
+};
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNKC/RNKCKeyboardToolbarGroupViewShadowNode.cpp

@@ -0,0 +1,7 @@
+#include "RNKCKeyboardToolbarGroupViewShadowNode.h"
+
+namespace facebook::react {
+
+extern const char KeyboardToolbarGroupViewComponentName[] = "KeyboardToolbarGroupView";
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNKC/RNKCKeyboardToolbarGroupViewShadowNode.h

@@ -0,0 +1,23 @@
+#pragma once
+
+#include "RNKCKeyboardToolbarGroupViewState.h"
+
+#include <react/renderer/components/RNKC/EventEmitters.h>
+#include <react/renderer/components/RNKC/Props.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <jsi/jsi.h>
+
+namespace facebook::react {
+
+JSI_EXPORT extern const char KeyboardToolbarGroupViewComponentName[];
+
+/*
+ * `ShadowNode` for <KeyboardToolbarGroupView> component.
+ */
+using KeyboardToolbarGroupViewShadowNode = ConcreteViewShadowNode<
+    KeyboardToolbarGroupViewComponentName,
+    KeyboardToolbarGroupViewProps,
+    KeyboardToolbarGroupViewEventEmitter,
+    KeyboardToolbarGroupViewState>;
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/RNKC/RNKCKeyboardToolbarGroupViewState.h

@@ -0,0 +1,21 @@
+#pragma once
+
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#endif
+
+namespace facebook::react {
+
+class KeyboardToolbarGroupViewState {
+ public:
+  KeyboardToolbarGroupViewState() = default;
+
+#ifdef ANDROID
+  KeyboardToolbarGroupViewState(KeyboardToolbarGroupViewState const &previousState, folly::dynamic data) {}
+  folly::dynamic getDynamic() const {
+    return {};
+  }
+#endif
+};
+
+} // namespace facebook::react

package/ios/KeyboardControllerModule.mm

@@ -23,6 +23,9 @@
 #endif
 
 #import <React/RCTEventDispatcherProtocol.h>
+#ifndef RCT_NEW_ARCH_ENABLED
+#import <React/RCTUIManager.h>
+#endif
 
 #ifdef RCT_NEW_ARCH_ENABLED
 @interface KeyboardController () <NativeKeyboardControllerSpec>
@@ -95,6 +98,39 @@ RCT_EXPORT_METHOD(setFocusTo : (nonnull NSString *)direction)
   [ViewHierarchyNavigator setFocusToDirection:direction];
 }
 
+#ifdef RCT_NEW_ARCH_ENABLED
+- (void)viewPositionInWindow:(double)viewTag
+                     resolve:(RCTPromiseResolveBlock)resolve
+                      reject:(RCTPromiseRejectBlock)reject
+#else
+RCT_EXPORT_METHOD(viewPositionInWindow
+                  : (nonnull NSNumber *)viewTag resolve
+                  : (RCTPromiseResolveBlock)resolve reject
+                  : (RCTPromiseRejectBlock)reject)
+#endif
+{
+  dispatch_async(dispatch_get_main_queue(), ^{
+    UIView *view = nil;
+#ifdef RCT_NEW_ARCH_ENABLED
+    NSInteger tag = (NSInteger)viewTag;
+    view = [UIApplication.sharedApplication.activeWindow viewWithTag:tag];
+#else
+    view = [self.bridge.uiManager viewForReactTag:viewTag];
+#endif
+    if (!view || !view.superview) {
+      reject(@"E_VIEW_NOT_FOUND", @"Could not find view for tag", nil);
+      return;
+    }
+    CGRect frame = [view.superview convertRect:view.frame toView:nil];
+    resolve(@{
+      @"x" : @(frame.origin.x),
+      @"y" : @(frame.origin.y),
+      @"width" : @(frame.size.width),
+      @"height" : @(frame.size.height),
+    });
+  });
+}
+
 + (KeyboardController *)shared
 {
   return shared;

package/ios/extensions/UIApplication.swift

@@ -9,7 +9,7 @@ import Foundation
 import UIKit
 
 public extension UIApplication {
-  var activeWindow: UIWindow? {
+  @objc var activeWindow: UIWindow? {
     if #available(iOS 13.0, *) {
       for scene in connectedScenes {
         if scene.activationState == .foregroundActive,

package/ios/observers/FocusedInputObserver.swift

@@ -151,7 +151,8 @@ public class FocusedInputObserver: NSObject {
 
     FocusedInputHolder.shared.set(currentResponder as? TextInput)
 
-    let allInputFields = ViewHierarchyNavigator.getAllInputFields()
+    let groupAncestor = ViewHierarchyNavigator.findGroupAncestor(currentResponder as? UIView)
+    let allInputFields = ViewHierarchyNavigator.getAllInputFields(root: groupAncestor)
     let currentIndex = allInputFields.firstIndex(where: { $0 == currentResponder }) ?? -1
 
     onFocusDidSet([