react-native-keyboard-controller 1.17.4 → 1.18.0

package/ios/observers/KeyboardMovementObserver.swift

@@ -32,7 +32,7 @@ public class KeyboardMovementObserver: NSObject {
 
   private var _windowsCount: Int = 0
   private var prevKeyboardPosition = 0.0
-  private var displayLink: CADisplayLink?
+  private var displayLink: CADisplayLink!
   private var interactiveKeyboardObserver: NSKeyValueObservation?
   private var isMounted = false
   // state variables
@@ -57,6 +57,18 @@ public class KeyboardMovementObserver: NSObject {
     self.onNotify = onNotify
     self.onRequestAnimation = onRequestAnimation
     self.onCancelAnimation = onCancelAnimation
+
+    super.init()
+
+    displayLink = CADisplayLink(target: self, selector: #selector(updateKeyboardFrame))
+    displayLink.preferredFramesPerSecond = 120 // will fallback to 60 fps for devices without Pro Motion display
+    displayLink.add(to: .main, forMode: .common)
+    displayLink.isPaused = true
+  }
+
+  deinit {
+    displayLink.invalidate()
+    displayLink = nil
   }
 
   @objc public func mount() {
@@ -108,8 +120,11 @@ public class KeyboardMovementObserver: NSObject {
   }
 
   private func keyboardDidMoveInteractively(changeValue: CGPoint) {
+    if UIResponder.isKeyboardPreloading {
+      return
+    }
     // if we are currently animating keyboard -> we need to ignore values from KVO
-    if displayLink != nil {
+    if !displayLink.isPaused {
       return
     }
     // if keyboard height is not equal to its bounds - we can ignore
@@ -153,7 +168,7 @@ public class KeyboardMovementObserver: NSObject {
   }
 
   @objc func keyboardWillAppear(_ notification: Notification) {
-    guard !KeyboardEventsIgnorer.shared.shouldIgnore else { return }
+    guard !KeyboardEventsIgnorer.shared.shouldIgnore, !UIResponder.isKeyboardPreloading else { return }
 
     let (duration, frame) = notification.keyboardMetaData()
     if let keyboardFrame = frame {
@@ -173,6 +188,7 @@ public class KeyboardMovementObserver: NSObject {
   }
 
   @objc func keyboardWillDisappear(_ notification: Notification) {
+    guard !UIResponder.isKeyboardPreloading else { return }
     let (duration, _) = notification.keyboardMetaData()
     tag = UIResponder.current.reactViewTag
     self.duration = duration
@@ -187,6 +203,7 @@ public class KeyboardMovementObserver: NSObject {
   }
 
   @objc func keyboardDidAppear(_ notification: Notification) {
+    guard !UIResponder.isKeyboardPreloading else { return }
     let timestamp = Date.currentTimeStamp
     let (duration, frame) = notification.keyboardMetaData()
     if let keyboardFrame = frame {
@@ -217,6 +234,7 @@ public class KeyboardMovementObserver: NSObject {
   }
 
   @objc func keyboardDidDisappear(_ notification: Notification) {
+    guard !UIResponder.isKeyboardPreloading else { return }
     let (duration, _) = notification.keyboardMetaData()
     tag = UIResponder.current.reactViewTag
 
@@ -232,18 +250,15 @@ public class KeyboardMovementObserver: NSObject {
     // sometimes `will` events can be called multiple times.
     // To avoid double re-creation of listener we are adding this condition
     // (if active link is present, then no need to re-setup a listener)
-    if displayLink != nil {
+    if !displayLink.isPaused {
       return
     }
 
-    displayLink = CADisplayLink(target: self, selector: #selector(updateKeyboardFrame))
-    displayLink?.preferredFramesPerSecond = 120 // will fallback to 60 fps for devices without Pro Motion display
-    displayLink?.add(to: .main, forMode: .common)
+    displayLink.isPaused = false
   }
 
   @objc func removeKeyboardWatcher() {
-    displayLink?.invalidate()
-    displayLink = nil
+    displayLink.isPaused = true
   }
 
   func initializeAnimation(fromValue: Double, toValue: Double) {

package/ios/protocols/TextInput.swift

@@ -30,3 +30,25 @@ extension UITextView: TextInput {
     becomeFirstResponder()
   }
 }
+
+extension TextInput {
+  var keyboardAppearanceValue: String {
+    switch keyboardAppearance {
+    case .dark:
+      return "dark"
+    case .light:
+      return "light"
+    case .default:
+      switch traitCollection.userInterfaceStyle {
+      case .dark:
+        return "dark"
+      case .light, .unspecified:
+        return "light"
+      @unknown default:
+        return "light"
+      }
+    @unknown default:
+      return "light"
+    }
+  }
+}

package/ios/swizzling/UIResponderSwizzle.swift

@@ -72,6 +72,9 @@ extension UIResponder {
 
       // Postpone execution of the original resignFirstResponder
       DispatchQueue.main.asyncAfter(deadline: .now() + UIUtils.nextFrame) {
+        NotificationCenter.default.post(
+          name: .shouldIgnoreKeyboardEvents, object: nil, userInfo: ["ignore": false]
+        )
         (self as? TextInput)?.inputAccessoryView = nil
         KeyboardAreaExtender.shared.remove()
         _ = self.callOriginalResignFirstResponder(originalResignSelector)

package/ios/traversal/KeyboardView.swift

@@ -10,15 +10,18 @@ import Foundation
 import UIKit
 
 enum KeyboardView {
+  private static let windowPrefix = "<UITextEffectsWindow"
+  private static let containerPrefixes = ["<UIInputSetContainerView", "<UITrackingWindowView"]
+  private static let hostPrefixes = ["<UIInputSetHostView", "<UIKeyboardItemContainerView"]
   // inspired by https://stackoverflow.com/questions/32598490/show-uiview-with-buttons-over-keyboard-like-in-skype-viber-messengers-swift-i
   static func find() -> UIView? {
     let windows = UIApplication.shared.windows
     for window in windows {
-      if window.description.hasPrefix("<UITextEffectsWindow") {
+      if window.description.hasPrefix(windowPrefix) {
         for subview in window.subviews {
-          if subview.description.hasPrefix("<UIInputSetContainerView") {
+          if subview.description.hasAnyPrefix(containerPrefixes) {
             for hostView in subview.subviews {
-              if hostView.description.hasPrefix("<UIInputSetHostView"), hostView.frame.height != 0 {
+              if hostView.description.hasAnyPrefix(hostPrefixes), hostView.frame.height != 0 {
                 return hostView
               }
             }

package/ios/views/KeyboardBackgroundViewManager.h

@@ -0,0 +1,29 @@
+//
+//  KeyboardBackgroundViewManager.h
+//  Pods
+//
+//  Created by Kiryl Ziusko on 21/04/2025.
+//
+
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#else
+#import <React/RCTBridge.h>
+#endif
+#import <React/RCTViewManager.h>
+#import <UIKit/UIKit.h>
+
+@interface KeyboardBackgroundViewManager : RCTViewManager
+@end
+
+@interface KeyboardBackgroundView :
+#ifdef RCT_NEW_ARCH_ENABLED
+    RCTViewComponentView
+#else
+    UIView
+
+- (instancetype)initWithBridge:(RCTBridge *)bridge;
+
+#endif
+
+@end

package/ios/views/KeyboardBackgroundViewManager.mm

@@ -0,0 +1,168 @@
+//
+//  KeyboardBackgroundViewManager.mm
+//  Pods
+//
+//  Created by Kiryl Ziusko on 21/04/2025.
+//
+
+#import "KeyboardBackgroundViewManager.h"
+
+#if __has_include("react_native_keyboard_controller-Swift.h")
+#import "react_native_keyboard_controller-Swift.h"
+#else
+#import <react_native_keyboard_controller/react_native_keyboard_controller-Swift.h>
+#endif
+
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <react/renderer/components/reactnativekeyboardcontroller/EventEmitters.h>
+#import <react/renderer/components/reactnativekeyboardcontroller/Props.h>
+#import <react/renderer/components/reactnativekeyboardcontroller/RCTComponentViewHelpers.h>
+#import <react/renderer/components/reactnativekeyboardcontroller/RNKCKeyboardBackgroundViewComponentDescriptor.h>
+
+#import "RCTFabricComponentsPlugins.h"
+#endif
+
+#import <React/RCTView.h>
+#import <UIKit/UIKit.h>
+
+#ifdef RCT_NEW_ARCH_ENABLED
+using namespace facebook::react;
+#endif
+
+typedef NS_ENUM(NSInteger, KeyboardBackdropStyle) {
+  KeyboardBackdropStyleDark = 2030,
+  KeyboardBackdropStyleLight = 3901
+};
+
+@protocol KeyboardBackdropViewProtocol <NSObject>
+@optional
+- (instancetype)initWithFrame:(CGRect)frame style:(long long)style;
+- (void)transitionToStyle:(long long)style;
+@end
+
+#pragma mark - Manager
+
+@implementation KeyboardBackgroundViewManager
+
+RCT_EXPORT_MODULE(KeyboardBackgroundViewManager)
+
++ (BOOL)requiresMainQueueSetup
+{
+  return NO;
+}
+
+#ifndef RCT_NEW_ARCH_ENABLED
+- (UIView *)view
+{
+  RCTView *containerView = [[RCTView alloc] initWithFrame:CGRectZero];
+  containerView.clipsToBounds = YES;
+
+  KeyboardBackgroundView *backgroundView =
+      [[KeyboardBackgroundView alloc] initWithFrame:containerView.bounds];
+  backgroundView.autoresizingMask =
+      UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+  [containerView addSubview:backgroundView];
+
+  return containerView;
+}
+#endif
+
+@end
+
+#pragma mark - View
+
+#ifdef RCT_NEW_ARCH_ENABLED
+@interface KeyboardBackgroundView () <RCTKeyboardBackgroundViewViewProtocol>
+#else
+@interface KeyboardBackgroundView ()
+#endif
+@end
+
+@implementation KeyboardBackgroundView {
+  UIVisualEffectView *_backdropView;
+}
+
+#ifdef RCT_NEW_ARCH_ENABLED
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<KeyboardBackgroundViewComponentDescriptor>();
+}
+#endif
+
+// Needed because of this: https://github.com/facebook/react-native/pull/37274
++ (void)load
+{
+  [super load];
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  self = [super initWithFrame:frame];
+  if (self) {
+    [self setupBackdropView];
+  }
+  self.clipsToBounds = YES;
+  return self;
+}
+
+- (void)setupBackdropView
+{
+  Class BackdropClass = NSClassFromString(@"UIKBBackdropView");
+  if (BackdropClass) {
+    long long style = (self.traitCollection.userInterfaceStyle == UIUserInterfaceStyleDark)
+        ? KeyboardBackdropStyleDark
+        : KeyboardBackdropStyleLight;
+
+    id<KeyboardBackdropViewProtocol> backdrop =
+        (id<KeyboardBackdropViewProtocol>)[BackdropClass alloc];
+    backdrop = [backdrop initWithFrame:self.bounds style:style];
+
+    if ([backdrop isKindOfClass:[UIVisualEffectView class]]) {
+      _backdropView = (UIVisualEffectView *)backdrop;
+      _backdropView.layer.masksToBounds = YES;
+      _backdropView.autoresizingMask =
+          UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+      _backdropView.frame = self.bounds;
+      [self addSubview:_backdropView];
+    }
+  } else {
+    NSLog(@"KeyboardBackdropView class not found");
+  }
+}
+
+// MARK: child management
+#ifdef RCT_NEW_ARCH_ENABLED
+- (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                          index:(NSInteger)index
+{
+  // preserve slot 0 for blur layer
+  [super mountChildComponentView:childComponentView index:index + 1];
+}
+
+- (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView
+                            index:(NSInteger)index
+{
+  // preserve slot 0 for blur layer
+  [super unmountChildComponentView:childComponentView index:index + 1];
+}
+#endif
+
+- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection
+{
+  [super traitCollectionDidChange:previousTraitCollection];
+
+  if (@available(iOS 12.0, *)) {
+    if ([previousTraitCollection
+            hasDifferentColorAppearanceComparedToTraitCollection:self.traitCollection]) {
+      long long style = (self.traitCollection.userInterfaceStyle == UIUserInterfaceStyleDark)
+          ? KeyboardBackdropStyleDark
+          : KeyboardBackdropStyleLight;
+
+      if ([_backdropView respondsToSelector:@selector(transitionToStyle:)]) {
+        [(id<KeyboardBackdropViewProtocol>)_backdropView transitionToStyle:style];
+      }
+    }
+  }
+}
+
+@end

package/ios/views/KeyboardExtenderContainerView.swift

@@ -0,0 +1,59 @@
+//
+//  KeyboardExtenderContainerView.swift
+//  Pods
+//
+//  Created by Kiryl Ziusko on 11/07/2025.
+//
+
+import UIKit
+
+@objc
+public class KeyboardExtenderContainerView: UIView {
+  @objc public static func create(frame: CGRect, contentView: UIView) -> UIView {
+    if #available(iOS 26.0, *) {
+      if let glassEffectClass = NSClassFromString("UIGlassEffect") as? UIVisualEffect.Type {
+        let paddingHorizontal = 20.0
+        let paddingBottom = 10.0
+        let isDark = FocusedInputHolder.shared.get()?.keyboardAppearanceValue == "dark"
+
+        let glassEffect = glassEffectClass.init()
+        let color = isDark ? UIColor.black.withAlphaComponent(0.3) : UIColor.gray.withAlphaComponent(0.3)
+        glassEffect.setValue(color, forKey: "tintColor")
+        glassEffect.setValue(true, forKey: "interactive")
+
+        // wrapper container will be full frame
+        let wrapperView = UIView(frame: frame)
+        wrapperView.backgroundColor = .clear
+
+        let innerWidth = frame.width - paddingHorizontal * 2
+        let innerHeight = frame.height
+
+        let visualEffectView = UIVisualEffectView(effect: glassEffect)
+        visualEffectView.overrideUserInterfaceStyle = isDark ? .dark : .light
+
+        visualEffectView.frame = CGRect(
+          x: paddingHorizontal,
+          y: -paddingBottom,
+          width: innerWidth,
+          height: innerHeight
+        )
+        contentView.frame = CGRect(
+          x: -paddingHorizontal,
+          y: 0,
+          width: innerWidth,
+          height: innerHeight
+        )
+
+        visualEffectView.contentView.addSubview(contentView)
+        wrapperView.addSubview(visualEffectView)
+
+        return wrapperView
+      }
+    }
+
+    let inputView = UIInputView(frame: frame, inputViewStyle: .keyboard)
+    contentView.frame = inputView.bounds
+    inputView.addSubview(contentView)
+    return inputView
+  }
+}

package/ios/views/KeyboardExtenderManager.h

@@ -0,0 +1,29 @@
+//
+//  KeyboardExtenderManager.h
+//  KeyboardController
+//
+//  Created by Kiryl Ziusko on 13.04.25.
+//  Copyright © 2025 Facebook. All rights reserved.
+//
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#else
+#import <React/RCTBridge.h>
+#endif
+#import <React/RCTViewManager.h>
+#import <UIKit/UIKit.h>
+
+@interface KeyboardExtenderManager : RCTViewManager
+@end
+
+@interface KeyboardExtender :
+#ifdef RCT_NEW_ARCH_ENABLED
+    RCTViewComponentView
+#else
+    UIView
+
+- (instancetype)initWithBridge:(RCTBridge *)bridge;
+
+#endif
+@property (nonatomic, assign) BOOL enabled;
+@end