react-native-navigation-mode 1.0.2 → 1.0.4

package/NavigationMode.podspec

@@ -13,7 +13,8 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => "11.0" }
   s.source       = { :git => package["repository"]["url"], :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m,mm}"
-
+  # No source files needed for iOS since we handle everything in JS
+  s.source_files = "ios/NavigationMode.h"
+  
   install_modules_dependencies(s)
 end

package/README.md

@@ -32,6 +32,7 @@
   </table>
 </div>
 
+---
 
 ## 🤔 Why This Library?
 
@@ -59,7 +60,7 @@ With Android 15 enforcing edge-to-edge display for apps targeting API 35 and Goo
 - **Edge-to-edge enforcement** - Android 16 will remove the opt-out entirely
 - **Expo SDK 53+** - New projects use edge-to-edge by default
 - **React Native 0.79+** - Built-in support for 16KB page size and edge-to-edge
-- **Safe area management** - Critical for preventing content overlap with system bars
+- **Safe area management** - Critical for preventing content overlap with system bars (especially noticeable in 3-button navigation mode).
 
 ### Real-World Impact
 
@@ -88,6 +89,7 @@ const isGesture = await isGestureNavigation(); // 🎯 Always accurate
 - 🎣 **React Hooks** - Easy integration with `useNavigationMode()`
 - 📦 **Zero Dependencies** - Lightweight and performant
 - 🛡️ **TypeScript** - Full type safety out of the box
+- ↕️ **Edge To Edge Support** - Full support for `react-native-edge-to-edge`
 
 ## Installation
 

package/ios/NavigationMode.h

@@ -1,9 +1,9 @@
-#import <NavigationModeSpec/NavigationModeSpec.h>
+// Placeholder header for iOS - actual functionality handled in JavaScript
+// This library only provides native functionality on Android
 
-NS_ASSUME_NONNULL_BEGIN
+#ifndef NavigationMode_h
+#define NavigationMode_h
 
-@interface NavigationMode : NSObject <NativeNavigationModeSpec>
+// Empty placeholder - no native iOS implementation needed
 
-@end
-
-NS_ASSUME_NONNULL_END
+#endif /* NavigationMode_h */

package/lib/module/NativeNavigationMode.js

@@ -1,5 +1,8 @@
 "use strict";
 
-import { TurboModuleRegistry } from 'react-native';
-export default TurboModuleRegistry.getEnforcing('NavigationMode');
+import { TurboModuleRegistry, Platform } from 'react-native';
+// Only get the native module on Android
+// On iOS, we'll handle everything in JavaScript
+const NativeModule = Platform.OS === 'android' ? TurboModuleRegistry.getEnforcing('NavigationMode') : null;
+export default NativeModule;
 //# sourceMappingURL=NativeNavigationMode.js.map

package/lib/module/NativeNavigationMode.js.map

@@ -1 +1 @@
-{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../src","sources":["NativeNavigationMode.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;AAalD,eAAeA,mBAAmB,CAACC,YAAY,CAAO,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"names":["TurboModuleRegistry","Platform","NativeModule","OS","getEnforcing"],"sourceRoot":"../../src","sources":["NativeNavigationMode.ts"],"mappings":";;AACA,SAASA,mBAAmB,EAAEC,QAAQ,QAAQ,cAAc;AAa5D;AACA;AACA,MAAMC,YAAY,GAChBD,QAAQ,CAACE,EAAE,KAAK,SAAS,GACrBH,mBAAmB,CAACI,YAAY,CAAO,gBAAgB,CAAC,GACxD,IAAI;AAEV,eAAeF,YAAY","ignoreList":[]}

package/lib/module/index.js

@@ -8,13 +8,16 @@ import NavigationModeModule from "./NativeNavigationMode.js";
  * Returns navigation type, interaction mode, and device info
  */
 export function getNavigationMode() {
-  if (Platform.OS === 'ios') {
+  // null check is redundant as it's always null for iOS but it's there to satisfy TypeScript
+  if (Platform.OS === 'ios' || NavigationModeModule === null) {
     // iOS always uses gesture navigation (no 3-button navigation exists)
     return Promise.resolve({
       type: 'gesture',
       isGestureNavigation: true
     });
   }
+
+  // Only call native module on Android
   return NavigationModeModule.getNavigationMode();
 }
 
@@ -23,10 +26,13 @@ export function getNavigationMode() {
  * @returns Promise<boolean> - true if gesture navigation is active
  */
 export function isGestureNavigation() {
-  if (Platform.OS === 'ios') {
+  // null check is redundant as it's always null for iOS but it's there to satisfy TypeScript
+  if (Platform.OS === 'ios' || NavigationModeModule === null) {
     // iOS always uses gesture navigation
     return Promise.resolve(true);
   }
+
+  // Only call native module on Android
   return NavigationModeModule.isGestureNavigation();
 }
 

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","React","NavigationModeModule","getNavigationMode","OS","Promise","resolve","type","isGestureNavigation","useNavigationMode","navigationMode","setNavigationMode","useState","loading","setLoading","error","setError","useEffect","mounted","fetchNavigationMode","mode","err","Error"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,oBAAoB,MAEpB,2BAAwB;AAI/B;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAAgC;EAC/D,IAAIH,QAAQ,CAACI,EAAE,KAAK,KAAK,EAAE;IACzB;IACA,OAAOC,OAAO,CAACC,OAAO,CAAC;MACrBC,IAAI,EAAE,SAAS;MACfC,mBAAmB,EAAE;IACvB,CAAC,CAAC;EACJ;EAEA,OAAON,oBAAoB,CAACC,iBAAiB,CAAC,CAAC;AACjD;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASK,mBAAmBA,CAAA,EAAqB;EACtD,IAAIR,QAAQ,CAACI,EAAE,KAAK,KAAK,EAAE;IACzB;IACA,OAAOC,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;EAC9B;EAEA,OAAOJ,oBAAoB,CAACM,mBAAmB,CAAC,CAAC;AACnD;;AAEA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAAG;EAClC,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GACvCV,KAAK,CAACW,QAAQ,CAA4B,IAAI,CAAC;EACjD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGb,KAAK,CAACW,QAAQ,CAAC,IAAI,CAAC;EAClD,MAAM,CAACG,KAAK,EAAEC,QAAQ,CAAC,GAAGf,KAAK,CAACW,QAAQ,CAAe,IAAI,CAAC;EAE5DX,KAAK,CAACgB,SAAS,CAAC,MAAM;IACpB,IAAIC,OAAO,GAAG,IAAI;IAElB,eAAeC,mBAAmBA,CAAA,EAAG;MACnC,IAAI;QACF,MAAMC,IAAI,GAAG,MAAMjB,iBAAiB,CAAC,CAAC;QACtC,IAAIe,OAAO,EAAE;UACXP,iBAAiB,CAACS,IAAI,CAAC;UACvBJ,QAAQ,CAAC,IAAI,CAAC;QAChB;MACF,CAAC,CAAC,OAAOK,GAAG,EAAE;QACZ,IAAIH,OAAO,EAAE;UACXF,QAAQ,CAACK,GAAG,YAAYC,KAAK,GAAGD,GAAG,GAAG,IAAIC,KAAK,CAAC,eAAe,CAAC,CAAC;QACnE;MACF,CAAC,SAAS;QACR,IAAIJ,OAAO,EAAE;UACXJ,UAAU,CAAC,KAAK,CAAC;QACnB;MACF;IACF;IAEAK,mBAAmB,CAAC,CAAC;IAErB,OAAO,MAAM;MACXD,OAAO,GAAG,KAAK;IACjB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAER,cAAc;IAAEG,OAAO;IAAEE;EAAM,CAAC;AAC3C;AAEA,eAAe;EACbZ,iBAAiB;EACjBK,mBAAmB;EACnBC;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","React","NavigationModeModule","getNavigationMode","OS","Promise","resolve","type","isGestureNavigation","useNavigationMode","navigationMode","setNavigationMode","useState","loading","setLoading","error","setError","useEffect","mounted","fetchNavigationMode","mode","err","Error"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,oBAAoB,MAEpB,2BAAwB;AAI/B;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAAgC;EAC/D;EACA,IAAIH,QAAQ,CAACI,EAAE,KAAK,KAAK,IAAIF,oBAAoB,KAAK,IAAI,EAAE;IAC1D;IACA,OAAOG,OAAO,CAACC,OAAO,CAAC;MACrBC,IAAI,EAAE,SAAS;MACfC,mBAAmB,EAAE;IACvB,CAAC,CAAC;EACJ;;EAEA;EACA,OAAON,oBAAoB,CAACC,iBAAiB,CAAC,CAAC;AACjD;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASK,mBAAmBA,CAAA,EAAqB;EACtD;EACA,IAAIR,QAAQ,CAACI,EAAE,KAAK,KAAK,IAAIF,oBAAoB,KAAK,IAAI,EAAE;IAC1D;IACA,OAAOG,OAAO,CAACC,OAAO,CAAC,IAAI,CAAC;EAC9B;;EAEA;EACA,OAAOJ,oBAAoB,CAACM,mBAAmB,CAAC,CAAC;AACnD;;AAEA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAAG;EAClC,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GACvCV,KAAK,CAACW,QAAQ,CAA4B,IAAI,CAAC;EACjD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGb,KAAK,CAACW,QAAQ,CAAC,IAAI,CAAC;EAClD,MAAM,CAACG,KAAK,EAAEC,QAAQ,CAAC,GAAGf,KAAK,CAACW,QAAQ,CAAe,IAAI,CAAC;EAE5DX,KAAK,CAACgB,SAAS,CAAC,MAAM;IACpB,IAAIC,OAAO,GAAG,IAAI;IAElB,eAAeC,mBAAmBA,CAAA,EAAG;MACnC,IAAI;QACF,MAAMC,IAAI,GAAG,MAAMjB,iBAAiB,CAAC,CAAC;QACtC,IAAIe,OAAO,EAAE;UACXP,iBAAiB,CAACS,IAAI,CAAC;UACvBJ,QAAQ,CAAC,IAAI,CAAC;QAChB;MACF,CAAC,CAAC,OAAOK,GAAG,EAAE;QACZ,IAAIH,OAAO,EAAE;UACXF,QAAQ,CAACK,GAAG,YAAYC,KAAK,GAAGD,GAAG,GAAG,IAAIC,KAAK,CAAC,eAAe,CAAC,CAAC;QACnE;MACF,CAAC,SAAS;QACR,IAAIJ,OAAO,EAAE;UACXJ,UAAU,CAAC,KAAK,CAAC;QACnB;MACF;IACF;IAEAK,mBAAmB,CAAC,CAAC;IAErB,OAAO,MAAM;MACXD,OAAO,GAAG,KAAK;IACjB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAER,cAAc;IAAEG,OAAO;IAAEE;EAAM,CAAC;AAC3C;AAEA,eAAe;EACbZ,iBAAiB;EACjBK,mBAAmB;EACnBC;AACF,CAAC","ignoreList":[]}

package/lib/typescript/src/NativeNavigationMode.d.ts

@@ -8,6 +8,6 @@ export interface Spec extends TurboModule {
     getNavigationMode(): Promise<NavigationModeInfo>;
     isGestureNavigation(): Promise<boolean>;
 }
-declare const _default: Spec;
-export default _default;
+declare const NativeModule: Spec | null;
+export default NativeModule;
 //# sourceMappingURL=NativeNavigationMode.d.ts.map

package/lib/typescript/src/NativeNavigationMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeNavigationMode.d.ts","sourceRoot":"","sources":["../../../src/NativeNavigationMode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IACtD,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,iBAAiB,IAAI,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjD,mBAAmB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;CACzC;;AAED,wBAAwE"}
+{"version":3,"file":"NativeNavigationMode.d.ts","sourceRoot":"","sources":["../../../src/NativeNavigationMode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IACtD,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,iBAAiB,IAAI,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjD,mBAAmB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;CACzC;AAID,QAAA,MAAM,YAAY,aAGR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAA6B,EAC3B,KAAK,kBAAkB,EACxB,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAAC,kBAAkB,CAAC,CAU/D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAAC,OAAO,CAAC,CAOtD;AAED;;GAEG;AACH,wBAAgB,iBAAiB;;;;EAmChC;;;;;;AAED,wBAIW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAA6B,EAC3B,KAAK,kBAAkB,EACxB,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAAC,kBAAkB,CAAC,CAY/D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAAC,OAAO,CAAC,CAStD;AAED;;GAEG;AACH,wBAAgB,iBAAiB;;;;EAmChC;;;;;;AAED,wBAIW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-navigation-mode",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Detect Android navigation mode (3-button, 2-button, or gesture)",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -74,8 +74,8 @@
     "@eslint/js": "^9.22.0",
     "@evilmartians/lefthook": "^1.5.0",
     "@react-native-community/cli": "15.0.0-alpha.2",
-    "@react-native/babel-preset": "0.79.2",
-    "@react-native/eslint-config": "^0.78.0",
+    "@react-native/babel-preset": "0.79.5",
+    "@react-native/eslint-config": "0.79.5",
     "@release-it/conventional-changelog": "^9.0.2",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
@@ -91,7 +91,7 @@
     "jest": "^29.7.0",
     "prettier": "^3.0.3",
     "react": "19.0.0",
-    "react-native": "0.79.3",
+    "react-native": "0.79.5",
     "react-native-builder-bob": "^0.40.11",
     "release-it": "^17.10.0",
     "semantic-release": "^24.1.0",

package/src/NativeNavigationMode.ts

@@ -1,5 +1,5 @@
 import type { TurboModule } from 'react-native';
-import { TurboModuleRegistry } from 'react-native';
+import { TurboModuleRegistry, Platform } from 'react-native';
 
 export interface NavigationModeInfo {
   type: '3_button' | '2_button' | 'gesture' | 'unknown';
@@ -12,4 +12,11 @@ export interface Spec extends TurboModule {
   isGestureNavigation(): Promise<boolean>;
 }
 
-export default TurboModuleRegistry.getEnforcing<Spec>('NavigationMode');
+// Only get the native module on Android
+// On iOS, we'll handle everything in JavaScript
+const NativeModule =
+  Platform.OS === 'android'
+    ? TurboModuleRegistry.getEnforcing<Spec>('NavigationMode')
+    : null;
+
+export default NativeModule;

package/src/index.tsx

@@ -11,7 +11,8 @@ export type { NavigationModeInfo };
  * Returns navigation type, interaction mode, and device info
  */
 export function getNavigationMode(): Promise<NavigationModeInfo> {
-  if (Platform.OS === 'ios') {
+  // null check is redundant as it's always null for iOS but it's there to satisfy TypeScript
+  if (Platform.OS === 'ios' || NavigationModeModule === null) {
     // iOS always uses gesture navigation (no 3-button navigation exists)
     return Promise.resolve({
       type: 'gesture',
@@ -19,6 +20,7 @@ export function getNavigationMode(): Promise<NavigationModeInfo> {
     });
   }
 
+  // Only call native module on Android
   return NavigationModeModule.getNavigationMode();
 }
 
@@ -27,11 +29,13 @@ export function getNavigationMode(): Promise<NavigationModeInfo> {
  * @returns Promise<boolean> - true if gesture navigation is active
  */
 export function isGestureNavigation(): Promise<boolean> {
-  if (Platform.OS === 'ios') {
+  // null check is redundant as it's always null for iOS but it's there to satisfy TypeScript
+  if (Platform.OS === 'ios' || NavigationModeModule === null) {
     // iOS always uses gesture navigation
     return Promise.resolve(true);
   }
 
+  // Only call native module on Android
   return NavigationModeModule.isGestureNavigation();
 }
 

package/ios/NavigationMode.mm

@@ -1,28 +0,0 @@
-#import "NavigationMode.h"
-
-@implementation NavigationMode
-
-RCT_EXPORT_MODULE()
-
-- (void)getNavigationMode:(RCTPromiseResolveBlock)resolve
-                   reject:(RCTPromiseRejectBlock)reject {
-    // iOS always uses gesture navigation - handled in TypeScript
-    NSDictionary *result = @{
-        @"type": @"gesture",
-        @"isGestureNavigation": @YES
-    };
-    resolve(result);
-}
-
-- (void)isGestureNavigation:(RCTPromiseResolveBlock)resolve
-                     reject:(RCTPromiseRejectBlock)reject {
-    // iOS always uses gesture navigation - handled in TypeScript
-    resolve(@YES);
-}
-
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
-    (const facebook::react::ObjCTurboModule::InitParams &)params {
-    return std::make_shared<facebook::react::NativeNavigationModeSpecJSI>(params);
-}
-
-@end