feat: native rounded keyboard detection

Author: kirillzyusko

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

@@ -11,6 +11,8 @@ class KeyboardControllerModule(
 
   override fun getName(): String = KeyboardControllerModuleImpl.NAME
 
+  override fun getConstants(): MutableMap<String, Any> = mutableMapOf("keyboardBorderRadius" to 0)
+
   override fun setInputMode(mode: Double) {
     module.setInputMode(mode.toInt())
   }

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

@@ -13,6 +13,8 @@ class KeyboardControllerModule(
 
   override fun getName(): String = KeyboardControllerModuleImpl.NAME
 
+  override fun getConstants(): MutableMap<String, Any> = mutableMapOf("keyboardBorderRadius" to 0)
+
   @ReactMethod
   fun setInputMode(mode: Int) {
     module.setInputMode(mode)

ios/KeyboardControllerModule.mm

@@ -53,6 +53,13 @@ + (BOOL)requiresMainQueueSetup
   return NO;
 }
 
+- (NSDictionary *)constantsToExport
+{
+  return @{
+    @"keyboardBorderRadius" : @([KeyboardExtenderContainerView keyboardBorderRadius]),
+  };
+}
+
 #ifdef RCT_NEW_ARCH_ENABLED
 - (void)setDefaultMode
 #else

ios/views/KeyboardExtenderContainerView.swift

@@ -9,16 +9,26 @@ import UIKit
 
 @objc
 public class KeyboardExtenderContainerView: NSObject {
-  @objc public static func create(frame: CGRect, contentView: UIView) -> UIView {
+  private static func usesModernKeyboard() -> Bool {
     #if canImport(UIKit.UIGlassEffect)
       if #available(iOS 26.0, *) {
         let requiresCompat = Bundle.main.object(forInfoDictionaryKey: "UIDesignRequiresCompatibility") as? Bool ?? false
-        if !requiresCompat {
-          return ModernContainerView(frame: frame, contentView: contentView)
-        }
+        return !requiresCompat
       }
     #endif
+    return false
+  }
+
+  @objc public static func keyboardBorderRadius() -> CGFloat {
+    return usesModernKeyboard() ? 30 : 0
+  }
 
+  @objc public static func create(frame: CGRect, contentView: UIView) -> UIView {
+    if usesModernKeyboard() {
+      if #available(iOS 26.0, *) {
+        return ModernContainerView(frame: frame, contentView: contentView)
+      }
+    }
     return LegacyContainerView(frame: frame, contentView: contentView)
   }
 }

src/bindings.native.ts

@@ -36,6 +36,9 @@ export const KeyboardControllerNative = (
       )
 ) as KeyboardControllerNativeModule;
 
+export const keyboardBorderRadius: number =
+  RCTKeyboardController?.getConstants()?.keyboardBorderRadius ?? 0;
+
 const KEYBOARD_CONTROLLER_NAMESPACE = "KeyboardController::";
 const eventEmitter = new NativeEventEmitter(KeyboardControllerNative);
 

src/bindings.ts

@@ -17,6 +17,8 @@ import type { EmitterSubscription } from "react-native";
 
 const NOOP = () => {};
 
+export const keyboardBorderRadius: number = 0;
+
 export const KeyboardControllerNative: KeyboardControllerNativeModule = {
   setDefaultMode: NOOP,
   setInputMode: NOOP,

src/components/KeyboardToolbar/constants.ts

@@ -1,4 +1,4 @@
-import { Platform } from "react-native";
+import { keyboardBorderRadius } from "../../bindings";
 
 import type { HEX } from "./types";
 
@@ -10,6 +10,5 @@ export const TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;
 
 export const KEYBOARD_TOOLBAR_HEIGHT = 42;
 export const DEFAULT_OPACITY: HEX = "FF";
-export const KEYBOARD_HAS_ROUNDED_CORNERS =
-  Platform.OS === "ios" && parseInt(Platform.Version, 10) >= 26;
+export const KEYBOARD_HAS_ROUNDED_CORNERS = keyboardBorderRadius > 0;
 export const OPENED_OFFSET = KEYBOARD_HAS_ROUNDED_CORNERS ? -11 : 0;

src/specs/NativeKeyboardController.ts

@@ -3,7 +3,7 @@ import { TurboModuleRegistry } from "react-native";
 import type { TurboModule } from "react-native";
 
 export interface Spec extends TurboModule {
-  readonly getConstants: () => {};
+  readonly getConstants: () => { keyboardBorderRadius: number };
 
   // methods
   setInputMode(mode: number): void;