react-native-external-keyboard 0.6.1 → 0.6.2

package/README.md

@@ -6,7 +6,7 @@ React Native library for enhanced external keyboard support.
 - ⚡️ Bridgeless
 
 > [!NOTE]
-> React Native `0.80.0` includes a fix for `TextInput` focus on Android.
+> React Native `0.80.0` (`0.79.0`) includes a fix for `TextInput` focus on Android.
 > `TextInput`: Can now focus TextInput with keyboard ([e00028f6bb](https://github.com/facebook/react-native/commit/e00028f6bb6c19de861f9a25f377295755f3671b) by [@joevilches](https://github.com/joevilches))
 >
 > This means that there is no need to use the workaround with `KeyboardExtendedInput`, and it is recommended to use the default `TextInput` instead. Additionally, because of changes in `TextInput`, `focusType="press"` for `KeyboardExtendedInput`  no longer works on Android.
@@ -21,10 +21,10 @@ Improved keyboard focus control with features like focus order, ordered links, a
 
 <details>
   <summary>More Information</summary>
-  
+
 Advanced focus order functionality for Android and iOS, plus focus lock!
 
-It can be really challenging to manage focus in React Native, but fortunately, there are tools available to simplify the process. 
+It can be really challenging to manage focus in React Native, but fortunately, there are tools available to simplify the process.
 
 ## Link Focus Order
 
@@ -119,7 +119,7 @@ You can find more examples here: [Focus Order via indexes](https://github.com/Ar
 
 ## Focus Lock
 
-Finally, you can lock focus to specific directions. 
+Finally, you can lock focus to specific directions.
 
 ```tsx
  <Pressable
@@ -134,7 +134,7 @@ Finally, you can lock focus to specific directions.
 | :-- | :-- | :-- |
 | lockFocus? | An array of directions to lock focus. | Array of 'left' | 'right' | 'up' | 'down' | 'forward' | 'backward' | 'first' | 'last' |
 
-> [!NOTE]  
+> [!NOTE]
 > `first` and `last` are specific to `iOS`. When focus is blocked for `forward` and `backward` on iOS, it checks for the `last` and `first` elements to focus.
 </details>
 
@@ -191,7 +191,7 @@ const KeybardedButton = withKeyboardFocus(Button);
 </TouchableOpacity>
 ```
 
-After wrapping a `Pressable` or `Touchable` with `withKeyboardFocus`, you will be able to handle `focus` and `blur` events, control the `tint color`, apply focus and container focus styles, `focus` the component using a `ref`, or configure `autoFocus`. 
+After wrapping a `Pressable` or `Touchable` with `withKeyboardFocus`, you will be able to handle `focus` and `blur` events, control the `tint color`, apply focus and container focus styles, `focus` the component using a `ref`, or configure `autoFocus`.
 
 
 Props | Description | Type
@@ -372,7 +372,7 @@ lockFocus? | An array of directions to lock focus. | Array of 'left' \| 'right'
 The `KeyboardFocusGroup` is a View-based component developed based on the iOS API. It can be used for defining focus groups or setting the `tintColor` globally.
 
 ```tsx
-  <KeyboardFocusGroup  
+  <KeyboardFocusGroup
     tintColor="orange">
     <ScrollView
       contentContainerStyle={styles.contentContainer}
@@ -381,7 +381,7 @@ The `KeyboardFocusGroup` is a View-based component developed based on the iOS AP
     ...
     </ScrollView>
   </KeyboardFocusGroup>
-  <KeyboardFocusGroup 
+  <KeyboardFocusGroup
     focusStyle={{ backgroundColor: 'green' }}
     onFocusChange={(e) => console.log('green', e)}
     groupIdentifier="green"
@@ -515,7 +515,7 @@ You can find more examples here: [Focus Order via indexes](https://github.com/Ar
 
 ## Focus Lock
 
-Finally, you can lock focus to specific directions. 
+Finally, you can lock focus to specific directions.
 
 ```tsx
  <Pressable
@@ -530,7 +530,7 @@ Finally, you can lock focus to specific directions.
 | :-- | :-- | :-- |
 | lockFocus? | An array of directions to lock focus. | Array of 'left' \| 'right' \| 'up' \| 'down' \| 'forward' \| 'backward' \| 'first' \| 'last' |
 
-> [!NOTE]  
+> [!NOTE]
 > `first` and `last` are specific to `iOS`. When focus is blocked for `forward` and `backward` on iOS, it checks for the `last` and `first` elements to focus.
 
 
@@ -547,7 +547,7 @@ import { KeyboardExtendedModule } from 'react-native-external-keyboard';
 KeyboardExtendedModule.setKeyboardFocus(ref); //or A11yModule.setKeyboardFocus(ref);
 ```
 
-Updated: 
+Updated:
 ```
 import { KeyboardExtendedPressable, type KeyboardFocus } from 'react-native-external-keyboard';
 ...

package/android/src/main/java/com/externalkeyboard/views/TextInputFocusWrapper/TextInputFocusWrapper.java

@@ -14,6 +14,7 @@ import com.externalkeyboard.events.EventHelper;
 import com.externalkeyboard.helper.ReactNativeVersionChecker;
 import com.externalkeyboard.modules.ExternalKeyboardModule;
 import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.modules.systeminfo.ReactNativeVersion;
 import com.facebook.react.views.textinput.ReactEditText;
 
 import java.lang.reflect.Field;
@@ -32,9 +33,14 @@ public class TextInputFocusWrapper extends ViewGroup implements View.OnFocusChan
   public boolean getIsFocusByPress() {
     return focusType == FOCUS_BY_PRESS;
   }
-
-  private boolean getIs80Version () {
-    return ReactNativeVersionChecker.isReactNative80OrLater();
+  private boolean getIsNativelyFixedVersion () {
+    try {
+      Object minorValue = ReactNativeVersion.VERSION.getOrDefault("minor", 0);
+      int minor = (minorValue instanceof Integer) ? (int) minorValue : 0;
+      return minor >= 79;
+    } catch (Exception e) {
+      return false;
+    }
   }
 
   public void setKeyboardFocusable(boolean canBeFocusable) {
@@ -46,8 +52,8 @@ public class TextInputFocusWrapper extends ViewGroup implements View.OnFocusChan
 
     this.setFocusable(keyboardFocusable);
     if (this.reactEditText != null) {
-      boolean is80 = getIs80Version();
-      this.reactEditText.setFocusable(is80);
+      boolean isAlreadyFixed = getIsNativelyFixedVersion();
+      this.reactEditText.setFocusable(isAlreadyFixed);
     }
   }
 
@@ -56,8 +62,8 @@ public class TextInputFocusWrapper extends ViewGroup implements View.OnFocusChan
       onAttachListener = new View.OnAttachStateChangeListener() {
         @Override
         public void onViewAttachedToWindow(@NonNull View view) {
-          boolean is80 = getIs80Version();
-          view.setFocusable(is80);
+          boolean isAlreadyFixed = getIsNativelyFixedVersion();
+          view.setFocusable(isAlreadyFixed);
         }
 
         @Override
@@ -83,14 +89,14 @@ public class TextInputFocusWrapper extends ViewGroup implements View.OnFocusChan
   public void setEditText(ReactEditText editText) {
     if (editText != null) {
       this.reactEditText = editText;
-      boolean is80 = getIs80Version();
-      if(is80) {
+      boolean isAlreadyFixed = getIsNativelyFixedVersion();
+      if(isAlreadyFixed) {
         this.setFocusable(false);
       }
 
       this.reactEditText.addOnAttachStateChangeListener(getOnAttachListener());
       if (focusType == FOCUS_BY_PRESS) {
-        this.reactEditText.setFocusable(is80);
+        this.reactEditText.setFocusable(isAlreadyFixed);
       }
       OnFocusChangeListener reactListener = this.reactEditText.getOnFocusChangeListener();
       this.reactEditText.setOnFocusChangeListener((textInput, hasTextEditFocus) -> {
@@ -105,8 +111,8 @@ public class TextInputFocusWrapper extends ViewGroup implements View.OnFocusChan
           ExternalKeyboardModule.setFocusedTextInput(textInput);
         }
         if (!hasTextEditFocus) {
-          this.setFocusable(!is80);
-          this.reactEditText.setFocusable(is80);
+          this.setFocusable(!isAlreadyFixed);
+          this.reactEditText.setFocusable(isAlreadyFixed);
         }
       });
       onMultiplyBlurSubmitHandle();
@@ -139,8 +145,8 @@ public class TextInputFocusWrapper extends ViewGroup implements View.OnFocusChan
     this.context = context;
 
     if (keyboardFocusable) {
-      boolean is80 = getIs80Version();
-      setFocusable(!is80);
+      boolean isAlreadyFixed = getIsNativelyFixedVersion();
+      setFocusable(!isAlreadyFixed);
     }
   }
 
@@ -166,8 +172,8 @@ public class TextInputFocusWrapper extends ViewGroup implements View.OnFocusChan
   }
 
   public boolean requestFocus(int direction, Rect previouslyFocusedRect) {
-    boolean is80 = getIs80Version();
-    if(is80) {
+    boolean isAlreadyFixed = getIsNativelyFixedVersion();
+    if(isAlreadyFixed) {
       return super.requestFocus(direction, previouslyFocusedRect);
     }
     if ((direction == View.FOCUS_FORWARD || direction == View.FOCUS_BACKWARD) && focusType != FOCUS_BY_PRESS) {

package/ios/Delegates/RNCEKVHaloDelegate/RNCEKVHaloDelegate.mm

@@ -51,38 +51,38 @@
   if (@available(iOS 15.0, *)) {
     UIView *focusingView = [_delegate getFocusTargetView];
     UIFocusEffect *prevEffect = _focusEffect;
-
+    
     BOOL isHidden = [self isHaloHidden];
-
+    
     if (isHidden) {
       _focusEffect = [RNCEKVFocusEffectUtility emptyFocusEffect];
     }
-
+    
     BOOL hasHaloSettings = _delegate.haloExpendX || _delegate.haloExpendY ||
-                           _delegate.haloCornerRadius;
+    _delegate.haloCornerRadius;
     BOOL isDifferentBounds =
-        !CGRectEqualToRect(_prevBounds, focusingView.bounds);
+    !CGRectEqualToRect(_prevBounds, focusingView.bounds);
     BOOL isDifferent = _prevHaloExpendX != _delegate.haloExpendX ||
-                       _prevHaloExpendY != _delegate.haloExpendY ||
-                       _prevHaloCornerRadius != _delegate.haloCornerRadius ||
-                       isDifferentBounds;
-
+    _prevHaloExpendY != _delegate.haloExpendY ||
+    _prevHaloCornerRadius != _delegate.haloCornerRadius ||
+    isDifferentBounds;
+    
     // ToDo refactor for better halo setup RNCEKV-7, RNCEKV-8
     if (!isHidden && hasHaloSettings && isDifferent) {
       _prevHaloExpendX = _delegate.haloExpendX;
       _prevHaloExpendY = _delegate.haloExpendY;
       _prevHaloCornerRadius = _delegate.haloCornerRadius;
       _prevBounds = focusingView.bounds;
-
+      
       _focusEffect =
-          [RNCEKVFocusEffectUtility getFocusEffect:focusingView
-                                     withExpandedX:_delegate.haloExpendX
-                                     withExpandedY:_delegate.haloExpendY
-                                  withCornerRadius:_delegate.haloCornerRadius];
+      [RNCEKVFocusEffectUtility getFocusEffect:focusingView
+                                 withExpandedX:_delegate.haloExpendX
+                                 withExpandedY:_delegate.haloExpendY
+                              withCornerRadius:_delegate.haloCornerRadius];
     }
-
+    
     if ((_focusEffect == nil && _recycled) || (_focusEffect != nil && prevEffect != _focusEffect &&
-        focusingView.focusEffect != _focusEffect)) {
+                                               focusingView.focusEffect != _focusEffect)) {
       _recycled = false;
       focusingView.focusEffect = _focusEffect;
     }
@@ -94,24 +94,26 @@
     return;
   if (@available(iOS 15.0, *)) {
     BOOL shouldUpdate = _delegate.haloExpendX || _delegate.haloExpendY ||
-                        _delegate.haloCornerRadius;
+    _delegate.haloCornerRadius;
     if (!shouldUpdate)
       return;
-
+    
     UIView *focusingView = [_delegate getFocusTargetView];
     UIFocusEffect *focusEffect =
-        [RNCEKVFocusEffectUtility getFocusEffect:focusingView
-                                   withExpandedX:_delegate.haloExpendX
-                                   withExpandedY:_delegate.haloExpendY
-                                withCornerRadius:_delegate.haloCornerRadius];
-
+    [RNCEKVFocusEffectUtility getFocusEffect:focusingView
+                               withExpandedX:_delegate.haloExpendX
+                               withExpandedY:_delegate.haloExpendY
+                            withCornerRadius:_delegate.haloCornerRadius];
+    
     focusingView.focusEffect = focusEffect;
   }
 }
 
 - (void) clear {
   UIView *focusingView = [_delegate getFocusTargetView];
-  focusingView.focusEffect = nil;
+  if (@available(iOS 15.0, *)) {
+    focusingView.focusEffect = nil;
+  }
   _focusEffect = nil;
   _recycled = true;
   _prevBounds = CGRect();

package/ios/Extensions/RCTEnhancedScrollView+RNCEKVExternalKeyboard.mm

@@ -0,0 +1,24 @@
+//
+//  RCTEnhancedScrollView+RNCEKVExternalKeyboard.mm
+//  react-native-external-keyboard
+//
+//  Created by Artur Kalach on 09/08/2025.
+//
+
+
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "RCTEnhancedScrollView.h"
+
+@implementation RCTEnhancedScrollView (RNCEKVExternalKeyboard)
+
+- (NSArray<id<UIFocusEnvironment>> *)preferredFocusEnvironments {
+  if(self.subviews.count) {
+    return @[self.subviews[0]];
+  }
+  return [super preferredFocusEnvironments];
+}
+
+@end
+
+#endif

package/ios/Views/RNCEKVExternalKeyboardView/RNCEKVExternalKeyboardView.mm

@@ -157,6 +157,10 @@ using namespace facebook::react;
   _orderRight = nil;
   _orderUp = nil;
   _orderDown = nil;
+  _orderForward = nil;
+  _orderBackward = nil;
+  _orderLast = nil;
+  _orderFirst = nil;
   _orderId = nil;
   _lockFocus = nil;
   _customGroupId = nil;
@@ -559,6 +563,9 @@ Class<RCTComponentViewProtocol> ExternalKeyboardViewCls(void) {
 
 - (void)subviewRecycle: (UIView *)subview {
   [_gIdDelegate clearSubview: subview];
+  if (@available(iOS 15.0, *)) {
+    subview.focusEffect = nil;
+  }
 }
 
 - (void)willRemoveSubview:(UIView *)subview {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-external-keyboard",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "Toolkit for improving physical keyboard support in React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",