react-native-keyboard-controller 1.9.5 → 1.10.0

package/README.md

@@ -13,7 +13,7 @@ Keyboard manager which works in identical way on both iOS and Android.
 - module for changing soft input mode on Android 🤔
 - reanimated support 🚀
 - interactive keyboard dismissing 👆📱
-- prebuilt components (`KeyboardStickyView`, re-worked `KeyboardAvoidingView`) 📚
+- prebuilt components (`KeyboardStickyView`, `KeyboardAwareScrollView`, re-worked `KeyboardAvoidingView`) 📚
 - easy focused input information retrieval 📝 🔮
 - works with any navigation library 🧭
 - and more is coming... Stay tuned! 😊

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

@@ -16,6 +16,10 @@ class KeyboardControllerModule(mReactContext: ReactApplicationContext) : NativeK
     module.setDefaultMode()
   }
 
+  override fun dismiss() {
+    module.dismiss()
+  }
+
   override fun addListener(eventName: String?) {
     /* Required for RN built-in Event Emitter Calls. */
   }

package/android/src/main/java/com/reactnativekeyboardcontroller/events/FocusedInputTextChangedEvent.kt

@@ -0,0 +1,20 @@
+package com.reactnativekeyboardcontroller.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class FocusedInputTextChangedEvent(
+  surfaceId: Int,
+  viewId: Int,
+  private val text: String,
+) : Event<KeyboardTransitionEvent>(surfaceId, viewId) {
+  override fun getEventName() = "topFocusedInputTextChanged"
+
+  // All events for a given view can be coalesced
+  override fun getCoalescingKey(): Short = 0
+
+  override fun getEventData(): WritableMap? = Arguments.createMap().apply {
+    putString("text", text)
+  }
+}

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

@@ -0,0 +1,36 @@
+package com.reactnativekeyboardcontroller.extensions
+
+import android.text.Editable
+import android.text.TextWatcher
+import android.widget.EditText
+
+/**
+ * Adds a listener that will be fired only once for each unique value.
+ *
+ * This is needed because `onTextChanged` can be fired two and more times with the same value.
+ * And in this helper we filter out all subsequent calls with the same value.
+ */
+fun EditText.addOnTextChangedListener(action: (String) -> Unit): TextWatcher {
+  var lastText: String? = null
+
+  val listener = object : TextWatcher {
+    @Suppress("detekt:EmptyFunctionBlock")
+    override fun afterTextChanged(s: Editable?) {}
+
+    @Suppress("detekt:EmptyFunctionBlock")
+    override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}
+
+    override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
+      val currentText = s.toString()
+
+      if (currentText != lastText) {
+        lastText = currentText
+        action(currentText)
+      }
+    }
+  }
+
+  addTextChangedListener(listener)
+
+  return listener
+}

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

@@ -0,0 +1,7 @@
+package com.reactnativekeyboardcontroller.extensions
+
+import androidx.core.view.WindowInsetsAnimationCompat
+import androidx.core.view.WindowInsetsCompat
+
+val WindowInsetsAnimationCompat.isKeyboardAnimation: Boolean
+  get() = typeMask and WindowInsetsCompat.Type.ime() != 0

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

@@ -1,5 +1,6 @@
 package com.reactnativekeyboardcontroller.listeners
 
+import android.text.TextWatcher
 import android.view.View.OnLayoutChangeListener
 import android.view.ViewTreeObserver.OnGlobalFocusChangeListener
 import com.facebook.react.uimanager.ThemedReactContext
@@ -8,6 +9,8 @@ import com.facebook.react.views.textinput.ReactEditText
 import com.facebook.react.views.view.ReactViewGroup
 import com.reactnativekeyboardcontroller.events.FocusedInputLayoutChangedEvent
 import com.reactnativekeyboardcontroller.events.FocusedInputLayoutChangedEventData
+import com.reactnativekeyboardcontroller.events.FocusedInputTextChangedEvent
+import com.reactnativekeyboardcontroller.extensions.addOnTextChangedListener
 import com.reactnativekeyboardcontroller.extensions.dispatchEvent
 import com.reactnativekeyboardcontroller.extensions.dp
 import com.reactnativekeyboardcontroller.extensions.screenLocation
@@ -29,22 +32,36 @@ class FocusedInputObserver(val view: ReactViewGroup, private val context: Themed
   // state variables
   private var lastFocusedInput: ReactEditText? = null
   private var lastEventDispatched: FocusedInputLayoutChangedEventData = noFocusedInputEvent
+  private var textWatcher: TextWatcher? = null
 
   // listeners
   private val layoutListener =
     OnLayoutChangeListener { v, left, top, right, bottom, oldLeft, oldTop, oldRight, oldBottom ->
       this.syncUpLayout()
     }
+  private val textListener: (String) -> Unit = { text ->
+    syncUpLayout()
+    context.dispatchEvent(
+      view.id,
+      FocusedInputTextChangedEvent(
+        surfaceId,
+        view.id,
+        text = text,
+      ),
+    )
+  }
   private val focusListener = OnGlobalFocusChangeListener { oldFocus, newFocus ->
     // unfocused or focused was changed
     if (newFocus == null || oldFocus != null) {
       lastFocusedInput?.removeOnLayoutChangeListener(layoutListener)
+      lastFocusedInput?.removeTextChangedListener(textWatcher)
       lastFocusedInput = null
     }
     if (newFocus is ReactEditText) {
       lastFocusedInput = newFocus
       newFocus.addOnLayoutChangeListener(layoutListener)
       this.syncUpLayout()
+      textWatcher = newFocus.addOnTextChangedListener(textListener)
     }
     // unfocused
     if (newFocus == null) {

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

@@ -22,6 +22,7 @@ import com.reactnativekeyboardcontroller.InteractiveKeyboardProvider
 import com.reactnativekeyboardcontroller.events.KeyboardTransitionEvent
 import com.reactnativekeyboardcontroller.extensions.dispatchEvent
 import com.reactnativekeyboardcontroller.extensions.dp
+import com.reactnativekeyboardcontroller.extensions.isKeyboardAnimation
 import kotlin.math.abs
 
 private val TAG = KeyboardAnimationCallback::class.qualifiedName
@@ -142,6 +143,10 @@ class KeyboardAnimationCallback(
     animation: WindowInsetsAnimationCompat,
     bounds: WindowInsetsAnimationCompat.BoundsCompat,
   ): WindowInsetsAnimationCompat.BoundsCompat {
+    if (!animation.isKeyboardAnimation) {
+      return bounds
+    }
+
     isTransitioning = true
     isKeyboardVisible = isKeyboardVisible()
     duration = animation.durationMillis.toInt()
@@ -181,6 +186,9 @@ class KeyboardAnimationCallback(
   ): WindowInsetsCompat {
     // onProgress() is called when any of the running animations progress...
 
+    // ignore non-keyboard animation
+    runningAnimations.find { it.isKeyboardAnimation } ?: return insets
+
     // First we get the insets which are potentially deferred
     val typesInset = insets.getInsets(deferredInsetTypes)
     // Then we get the persistent inset types which are applied as padding during layout
@@ -226,6 +234,10 @@ class KeyboardAnimationCallback(
   override fun onEnd(animation: WindowInsetsAnimationCompat) {
     super.onEnd(animation)
 
+    if (!animation.isKeyboardAnimation) {
+      return
+    }
+
     isTransitioning = false
     duration = animation.durationMillis.toInt()
 

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

@@ -35,6 +35,8 @@ class KeyboardControllerViewManagerImpl(mReactContext: ReactApplicationContext)
       MapBuilder.of("registrationName", "onKeyboardMoveInteractive"),
       "topFocusedInputLayoutChanged",
       MapBuilder.of("registrationName", "onFocusedInputLayoutChanged"),
+      "topFocusedInputTextChanged",
+      MapBuilder.of("registrationName", "onFocusedInputTextChanged"),
     )
 
     return map

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

@@ -1,6 +1,9 @@
 package com.reactnativekeyboardcontroller.modules
 
+import android.content.Context
+import android.view.View
 import android.view.WindowManager
+import android.view.inputmethod.InputMethodManager
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.UiThreadUtil
 
@@ -15,6 +18,16 @@ class KeyboardControllerModuleImpl(private val mReactContext: ReactApplicationCo
     setSoftInputMode(mDefaultMode)
   }
 
+  fun dismiss() {
+    val activity = mReactContext.currentActivity
+    val view: View? = activity?.currentFocus
+
+    if (view != null) {
+      val imm = activity.getSystemService(Context.INPUT_METHOD_SERVICE) as? InputMethodManager
+      imm?.hideSoftInputFromWindow(view.windowToken, 0)
+    }
+  }
+
   private fun setSoftInputMode(mode: Int) {
     UiThreadUtil.runOnUiThread {
       if (getCurrentMode() != mode) {

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

@@ -20,6 +20,11 @@ class KeyboardControllerModule(mReactContext: ReactApplicationContext) : ReactCo
     module.setDefaultMode()
   }
 
+  @ReactMethod
+  fun dismiss() {
+    module.dismiss()
+  }
+
   @Suppress("detekt:UnusedParameter")
   @ReactMethod
   fun addListener(eventName: String?) {

package/ios/KeyboardController.xcodeproj/project.pbxproj

@@ -8,6 +8,8 @@
 
 /* Begin PBXBuildFile section */
 		0807071E2A34807B00C05A19 /* Extensions.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0807071D2A34807B00C05A19 /* Extensions.swift */; };
+		083FB9852B15171600C0EFF0 /* TextChangeObserver.swift in Sources */ = {isa = PBXBuildFile; fileRef = 083FB9842B15171600C0EFF0 /* TextChangeObserver.swift */; };
+		083FB9872B15174C00C0EFF0 /* FocusedInputTextChangedEvent.m in Sources */ = {isa = PBXBuildFile; fileRef = 083FB9862B15174C00C0EFF0 /* FocusedInputTextChangedEvent.m */; };
 		084AEEC62ACF49A8001A3069 /* FocusedInputLayoutChangedEvent.m in Sources */ = {isa = PBXBuildFile; fileRef = 084AEEC52ACF49A8001A3069 /* FocusedInputLayoutChangedEvent.m */; };
 		084AEEC82ACF4AB2001A3069 /* FocusedInputObserver.swift in Sources */ = {isa = PBXBuildFile; fileRef = 084AEEC72ACF4AB2001A3069 /* FocusedInputObserver.swift */; };
 		F333F8D428996B8D0015B05F /* KeyboardControllerView.mm in Sources */ = {isa = PBXBuildFile; fileRef = F333F8D228996B8D0015B05F /* KeyboardControllerView.mm */; };
@@ -31,6 +33,9 @@
 
 /* Begin PBXFileReference section */
 		0807071D2A34807B00C05A19 /* Extensions.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Extensions.swift; sourceTree = "<group>"; };
+		083FB9842B15171600C0EFF0 /* TextChangeObserver.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TextChangeObserver.swift; sourceTree = "<group>"; };
+		083FB9862B15174C00C0EFF0 /* FocusedInputTextChangedEvent.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = FocusedInputTextChangedEvent.m; sourceTree = "<group>"; };
+		083FB9892B15177C00C0EFF0 /* FocusedInputTextChangedEvent.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = FocusedInputTextChangedEvent.h; sourceTree = "<group>"; };
 		084AEEC22ACF479A001A3069 /* FocusedInputLayoutChangedEvent.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = FocusedInputLayoutChangedEvent.h; sourceTree = "<group>"; };
 		084AEEC52ACF49A8001A3069 /* FocusedInputLayoutChangedEvent.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = FocusedInputLayoutChangedEvent.m; sourceTree = "<group>"; };
 		084AEEC72ACF4AB2001A3069 /* FocusedInputObserver.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FocusedInputObserver.swift; sourceTree = "<group>"; };
@@ -65,6 +70,8 @@
 				F3F50668289E653B003091D6 /* KeyboardMoveEvent.m */,
 				084AEEC22ACF479A001A3069 /* FocusedInputLayoutChangedEvent.h */,
 				084AEEC52ACF49A8001A3069 /* FocusedInputLayoutChangedEvent.m */,
+				083FB9892B15177C00C0EFF0 /* FocusedInputTextChangedEvent.h */,
+				083FB9862B15174C00C0EFF0 /* FocusedInputTextChangedEvent.m */,
 			);
 			path = events;
 			sourceTree = "<group>";
@@ -74,6 +81,7 @@
 			children = (
 				F3626A0628B3FE760021B2D9 /* KeyboardMovementObserver.swift */,
 				084AEEC72ACF4AB2001A3069 /* FocusedInputObserver.swift */,
+				083FB9842B15171600C0EFF0 /* TextChangeObserver.swift */,
 			);
 			path = observers;
 			sourceTree = "<group>";
@@ -176,6 +184,8 @@
 				F4FF95D7245B92E800C19C63 /* KeyboardControllerViewManager.swift in Sources */,
 				F333F8D428996B8D0015B05F /* KeyboardControllerView.mm in Sources */,
 				F3F50669289E653B003091D6 /* KeyboardMoveEvent.m in Sources */,
+				083FB9852B15171600C0EFF0 /* TextChangeObserver.swift in Sources */,
+				083FB9872B15174C00C0EFF0 /* FocusedInputTextChangedEvent.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};

package/ios/KeyboardControllerModule.mm

@@ -61,6 +61,20 @@ RCT_EXPORT_METHOD(setInputMode : (nonnull NSNumber *)mode)
 {
 }
 
+#ifdef RCT_NEW_ARCH_ENABLED
+- (void)dismiss
+#else
+RCT_EXPORT_METHOD(dismiss)
+#endif
+{
+  dispatch_async(dispatch_get_main_queue(), ^{
+    [[UIApplication sharedApplication] sendAction:@selector(resignFirstResponder)
+                                               to:nil
+                                             from:nil
+                                         forEvent:nil];
+  });
+}
+
 + (KeyboardController *)shared
 {
   return shared;

package/ios/events/FocusedInputTextChangedEvent.h

@@ -0,0 +1,16 @@
+//
+//  FocusedInputTextChangedEvent.h
+//  KeyboardController
+//
+//  Created by Kiryl Ziusko on 27/11/2023.
+//  Copyright © 2023 Facebook. All rights reserved.
+//
+
+#import <Foundation/Foundation.h>
+#import <React/RCTEventDispatcherProtocol.h>
+
+@interface FocusedInputTextChangedEvent : NSObject <RCTEvent>
+
+- (instancetype)initWithReactTag:(NSNumber *)reactTag text:(NSString *)text;
+
+@end

package/ios/events/FocusedInputTextChangedEvent.m

@@ -0,0 +1,72 @@
+//
+//  FocusedInputTextChangedEvent.m
+//  KeyboardController
+//
+//  Created by Kiryl Ziusko on 27/11/2023.
+//  Copyright © 2023 Facebook. All rights reserved.
+//
+
+#import "FocusedInputTextChangedEvent.h"
+#import <React/RCTAssert.h>
+
+@implementation FocusedInputTextChangedEvent {
+  NSString *_text;
+  uint16_t _coalescingKey;
+}
+
+- (NSString *)eventName
+{
+  return @"onFocusedInputTextChanged";
+}
+
+@synthesize viewTag = _viewTag;
+
+- (instancetype)initWithReactTag:(NSNumber *)reactTag text:(NSString *)text
+{
+  RCTAssertParam(reactTag);
+
+  if ((self = [super init])) {
+    _viewTag = reactTag;
+    _text = text;
+    _coalescingKey = 0;
+  }
+  return self;
+}
+
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
+
+- (uint16_t)coalescingKey
+{
+  return _coalescingKey;
+}
+
+- (NSDictionary *)body
+{
+  NSDictionary *body = @{
+    @"text" : _text,
+  };
+
+  return body;
+}
+
+- (BOOL)canCoalesce
+{
+  return NO;
+}
+
+- (FocusedInputTextChangedEvent *)coalesceWithEvent:(FocusedInputTextChangedEvent *)newEvent
+{
+  return newEvent;
+}
+
++ (NSString *)moduleDotMethod
+{
+  return @"RCTEventEmitter.receiveEvent";
+}
+
+- (NSArray *)arguments
+{
+  return @[ self.viewTag, RCTNormalizeInputEventName(self.eventName), [self body] ];
+}
+
+@end

package/ios/observers/FocusedInputObserver.swift

@@ -24,18 +24,23 @@ let noFocusedInputEvent: [String: Any] = [
 @objc(FocusedInputObserver)
 public class FocusedInputObserver: NSObject {
   // class members
-  var onEvent: (NSDictionary) -> Void
+  var onLayoutChangedHandler: (NSDictionary) -> Void
+  var onTextChangedHandler: (String) -> Void
   // state variables
   private var isMounted = false
   // input tracking
   private var currentInput: UIView?
-  private var hasKVObserver = false
+  private var hasObservers = false
   private var lastEventDispatched: [AnyHashable: Any] = noFocusedInputEvent
+  // observers
+  private let textChangeObserver = TextChangeObserver()
 
   @objc public init(
-    handler: @escaping (NSDictionary) -> Void
+    onLayoutChangedHandler: @escaping (NSDictionary) -> Void,
+    onTextChangedHandler: @escaping (String) -> Void
   ) {
-    onEvent = handler
+    self.onLayoutChangedHandler = onLayoutChangedHandler
+    self.onTextChangedHandler = onTextChangedHandler
   }
 
   @objc public func mount() {
@@ -66,14 +71,14 @@ public class FocusedInputObserver: NSObject {
   }
 
   @objc func keyboardWillShow(_: Notification) {
-    removeKVObserver()
+    removeObservers()
     currentInput = (UIResponder.current as? UIView)?.superview as UIView?
-    setupKVObserver()
+    setupObservers()
     syncUpLayout()
   }
 
   @objc func keyboardWillHide(_: Notification) {
-    removeKVObserver()
+    removeObservers()
     dispatchEventToJS(data: noFocusedInputEvent)
   }
 
@@ -97,33 +102,43 @@ public class FocusedInputObserver: NSObject {
     dispatchEventToJS(data: data)
   }
 
+  private func onTextChanged(text: String?) {
+    syncUpLayout()
+
+    if let string = text {
+      onTextChangedHandler(string)
+    }
+  }
+
   private func dispatchEventToJS(data: [String: Any]) {
     if NSDictionary(dictionary: data).isEqual(to: lastEventDispatched) {
       return
     }
 
     lastEventDispatched = data
-    onEvent(data as NSDictionary)
+    onLayoutChangedHandler(data as NSDictionary)
   }
 
-  private func setupKVObserver() {
-    if hasKVObserver {
+  private func setupObservers() {
+    if hasObservers {
       return
     }
 
     if currentInput != nil {
-      hasKVObserver = true
+      hasObservers = true
       currentInput?.addObserver(self, forKeyPath: "center", options: .new, context: nil)
+      textChangeObserver.observeTextChanges(for: UIResponder.current, handler: onTextChanged)
     }
   }
 
-  private func removeKVObserver() {
-    if !hasKVObserver {
+  private func removeObservers() {
+    if !hasObservers {
       return
     }
 
-    hasKVObserver = false
+    hasObservers = false
     currentInput?.removeObserver(self, forKeyPath: "center", context: nil)
+    textChangeObserver.removeObserver()
   }
 
   // swiftlint:disable:next block_based_kvo

package/ios/observers/TextChangeObserver.swift

@@ -0,0 +1,41 @@
+//
+//  TextChangeObserver.swift
+//  KeyboardController
+//
+//  Created by Kiryl Ziusko on 27/11/2023.
+//  Copyright © 2023 Facebook. All rights reserved.
+//
+
+public class TextChangeObserver {
+  private var observer: Any?
+
+  func observeTextChanges(for input: UIResponder?, handler: @escaping (String?) -> Void) {
+    if input == nil {
+      return
+    }
+    if let textField = input as? UITextField {
+      observer = NotificationCenter.default.addObserver(
+        forName: UITextField.textDidChangeNotification,
+        object: textField,
+        queue: nil
+      ) { _ in
+        handler(textField.text)
+      }
+    } else if let textView = input as? UITextView {
+      observer = NotificationCenter.default.addObserver(
+        forName: UITextView.textDidChangeNotification,
+        object: textView,
+        queue: nil
+      ) { _ in
+        handler(textView.text)
+      }
+    }
+  }
+
+  func removeObserver() {
+    if let observer = observer {
+      NotificationCenter.default.removeObserver(observer)
+      self.observer = nil
+    }
+  }
+}

package/ios/views/KeyboardControllerView.mm

@@ -10,6 +10,7 @@
 #ifdef RCT_NEW_ARCH_ENABLED
 #import "KeyboardControllerView.h"
 #import "FocusedInputLayoutChangedEvent.h"
+#import "FocusedInputTextChangedEvent.h"
 #import "KeyboardMoveEvent.h"
 #import "react_native_keyboard_controller-Swift.h"
 
@@ -45,38 +46,59 @@ using namespace facebook::react;
     static const auto defaultProps = std::make_shared<const KeyboardControllerViewProps>();
     _props = defaultProps;
 
-    inputObserver = [[FocusedInputObserver alloc] initWithHandler:^(NSDictionary *event) {
-      if (self->_eventEmitter) {
-        int target = [event[@"target"] integerValue];
-        double absoluteY = [event[@"layout"][@"absoluteY"] doubleValue];
-        double absoulteX = [event[@"layout"][@"absoluteX"] doubleValue];
-        double y = [event[@"layout"][@"y"] doubleValue];
-        double x = [event[@"layout"][@"x"] doubleValue];
-        double width = [event[@"layout"][@"width"] doubleValue];
-        double height = [event[@"layout"][@"height"] doubleValue];
-
-        std::dynamic_pointer_cast<const facebook::react::KeyboardControllerViewEventEmitter>(
-            self->_eventEmitter)
-            ->onFocusedInputLayoutChanged(
-                facebook::react::KeyboardControllerViewEventEmitter::OnFocusedInputLayoutChanged{
-                    .target = target,
-                    .layout = facebook::react::KeyboardControllerViewEventEmitter::
-                        OnFocusedInputLayoutChangedLayout{
-                            .absoluteY = absoluteY,
-                            .absoluteX = absoulteX,
-                            .height = height,
-                            .width = width,
-                            .x = x,
-                            .y = y}});
-        // TODO: use built-in _eventEmitter once NativeAnimated module will use ModernEventemitter
-        RCTBridge *bridge = [RCTBridge currentBridge];
-        if (bridge && [bridge valueForKey:@"_jsThread"]) {
-          FocusedInputLayoutChangedEvent *inputChangedEvent =
-              [[FocusedInputLayoutChangedEvent alloc] initWithReactTag:@(self.tag) event:event];
-          [bridge.eventDispatcher sendEvent:inputChangedEvent];
+    inputObserver = [[FocusedInputObserver alloc]
+        initOnLayoutChangedHandler:^(NSDictionary *event) {
+          if (self->_eventEmitter) {
+            int target = [event[@"target"] integerValue];
+            double absoluteY = [event[@"layout"][@"absoluteY"] doubleValue];
+            double absoulteX = [event[@"layout"][@"absoluteX"] doubleValue];
+            double y = [event[@"layout"][@"y"] doubleValue];
+            double x = [event[@"layout"][@"x"] doubleValue];
+            double width = [event[@"layout"][@"width"] doubleValue];
+            double height = [event[@"layout"][@"height"] doubleValue];
+
+            std::dynamic_pointer_cast<const facebook::react::KeyboardControllerViewEventEmitter>(
+                self->_eventEmitter)
+                ->onFocusedInputLayoutChanged(
+                    facebook::react::KeyboardControllerViewEventEmitter::
+                        OnFocusedInputLayoutChanged{
+                            .target = target,
+                            .layout = facebook::react::KeyboardControllerViewEventEmitter::
+                                OnFocusedInputLayoutChangedLayout{
+                                    .absoluteY = absoluteY,
+                                    .absoluteX = absoulteX,
+                                    .height = height,
+                                    .width = width,
+                                    .x = x,
+                                    .y = y}});
+            // TODO: use built-in _eventEmitter once NativeAnimated module will use
+            // ModernEventemitter
+            RCTBridge *bridge = [RCTBridge currentBridge];
+            if (bridge && [bridge valueForKey:@"_jsThread"]) {
+              FocusedInputLayoutChangedEvent *inputChangedEvent =
+                  [[FocusedInputLayoutChangedEvent alloc] initWithReactTag:@(self.tag) event:event];
+              [bridge.eventDispatcher sendEvent:inputChangedEvent];
+            }
+          }
         }
-      }
-    }];
+        onTextChangedHandler:^(NSString *text) {
+          if (self->_eventEmitter) {
+            std::dynamic_pointer_cast<const facebook::react::KeyboardControllerViewEventEmitter>(
+                self->_eventEmitter)
+                ->onFocusedInputTextChanged(
+                    facebook::react::KeyboardControllerViewEventEmitter::OnFocusedInputTextChanged{
+                        .text = std::string([text UTF8String])});
+
+            // TODO: use built-in _eventEmitter once NativeAnimated module will use
+            // ModernEventemitter
+            RCTBridge *bridge = [RCTBridge currentBridge];
+            if (bridge && [bridge valueForKey:@"_jsThread"]) {
+              FocusedInputTextChangedEvent *textChangedEvent =
+                  [[FocusedInputTextChangedEvent alloc] initWithReactTag:@(self.tag) text:text];
+              [bridge.eventDispatcher sendEvent:textChangedEvent];
+            }
+          }
+        }];
     keyboardObserver = [[KeyboardMovementObserver alloc]
         initWithHandler:^(
             NSString *event,

package/ios/views/KeyboardControllerViewManager.mm

@@ -13,5 +13,6 @@ RCT_EXPORT_VIEW_PROPERTY(onKeyboardMoveEnd, RCTDirectEventBlock);
 RCT_EXPORT_VIEW_PROPERTY(onKeyboardMoveInteractive, RCTDirectEventBlock);
 /// input callbacks
 RCT_EXPORT_VIEW_PROPERTY(onFocusedInputLayoutChanged, RCTDirectEventBlock);
+RCT_EXPORT_VIEW_PROPERTY(onFocusedInputTextChanged, RCTDirectEventBlock);
 
 @end