react-native-navigation-mode 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -10,8 +10,6 @@
|
|
|
10
10
|
<td align="center"><img src=".github/assets/gesture.png" alt="Visibility Sensor demo" height="600"></td>
|
|
11
11
|
</tr>
|
|
12
12
|
</table>
|
|
13
|
-
|
|
14
|
-
|
|
15
13
|
<div align="center">
|
|
16
14
|
<table>
|
|
17
15
|
<tr>
|
|
@@ -33,6 +31,9 @@
|
|
|
33
31
|
</tr>
|
|
34
32
|
</table>
|
|
35
33
|
</div>
|
|
34
|
+
|
|
35
|
+
---
|
|
36
|
+
|
|
36
37
|
## 🤔 Why This Library?
|
|
37
38
|
|
|
38
39
|
Android devices can use different navigation modes, but detecting which one is active has been a major pain point for React Native developers. Most existing solutions rely on unreliable workarounds:
|
|
@@ -59,7 +60,7 @@ With Android 15 enforcing edge-to-edge display for apps targeting API 35 and Goo
|
|
|
59
60
|
- **Edge-to-edge enforcement** - Android 16 will remove the opt-out entirely
|
|
60
61
|
- **Expo SDK 53+** - New projects use edge-to-edge by default
|
|
61
62
|
- **React Native 0.79+** - Built-in support for 16KB page size and edge-to-edge
|
|
62
|
-
- **Safe area management** - Critical for preventing content overlap with system bars
|
|
63
|
+
- **Safe area management** - Critical for preventing content overlap with system bars (especially noticeable in 3-button navigation mode).
|
|
63
64
|
|
|
64
65
|
### Real-World Impact
|
|
65
66
|
|
|
@@ -88,6 +89,7 @@ const isGesture = await isGestureNavigation(); // 🎯 Always accurate
|
|
|
88
89
|
- 🎣 **React Hooks** - Easy integration with `useNavigationMode()`
|
|
89
90
|
- 📦 **Zero Dependencies** - Lightweight and performant
|
|
90
91
|
- 🛡️ **TypeScript** - Full type safety out of the box
|
|
92
|
+
- ↕️ **Edge To Edge Support** - Full support for `react-native-edge-to-edge`
|
|
91
93
|
|
|
92
94
|
## Installation
|
|
93
95
|
|
package/package.json
CHANGED