@capgo/capacitor-native-navigation 8.1.0 → 8.2.0
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 +27 -0
- package/android/src/main/java/app/capgo/nativenavigation/NativeNavigationPlugin.java +511 -577
- package/dist/docs.json +112 -0
- package/dist/esm/definitions.d.ts +65 -0
- package/dist/esm/definitions.js.map +1 -1
- package/dist/esm/web.d.ts +1 -0
- package/dist/esm/web.js +16 -3
- package/dist/esm/web.js.map +1 -1
- package/dist/plugin.cjs.js +16 -3
- package/dist/plugin.cjs.js.map +1 -1
- package/dist/plugin.js +16 -3
- package/dist/plugin.js.map +1 -1
- package/docs/demo-curved-tabbar.png +0 -0
- package/docs/native-screenshots/android-curved-tabbar.png +0 -0
- package/ios/Sources/NativeNavigationPlugin/NativeNavigationPlugin.swift +661 -41
- package/ios/Tests/NativeNavigationPluginTests/NativeNavigationTests.swift +8 -0
- package/package.json +4 -3
package/README.md
CHANGED
|
@@ -760,6 +760,7 @@ Native tabbar state.
|
|
|
760
760
|
| **`rippleColor`** | <code>string</code> | Tab press ripple color on Android. `colors.ripple` is also supported. |
|
|
761
761
|
| **`badgeBackgroundColor`** | <code>string</code> | Badge background color. `colors.badgeBackground` is also supported. |
|
|
762
762
|
| **`badgeTextColor`** | <code>string</code> | Badge text color. `colors.badgeText` is also supported. |
|
|
763
|
+
| **`style`** | <code><a href="#nativenavigationtabbarstyle">NativeNavigationTabbarStyle</a></code> | Optional native tabbar layout and shape customization. |
|
|
763
764
|
| **`animated`** | <code>boolean</code> | Animate native tabbar changes. |
|
|
764
765
|
|
|
765
766
|
|
|
@@ -777,6 +778,25 @@ A native tab item.
|
|
|
777
778
|
| **`enabled`** | <code>boolean</code> | Whether the tab is enabled. Defaults to `true`. |
|
|
778
779
|
|
|
779
780
|
|
|
781
|
+
#### NativeNavigationTabbarStyle
|
|
782
|
+
|
|
783
|
+
Native tabbar layout and background shape options.
|
|
784
|
+
|
|
785
|
+
| Prop | Type | Description |
|
|
786
|
+
| --------------------------- | ----------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- |
|
|
787
|
+
| **`shape`** | <code><a href="#nativenavigationtabbarshape">NativeNavigationTabbarShape</a></code> | `floating` keeps the existing capsule tabbar. `curve` draws a full-width bar with a center notch and raised center tab. |
|
|
788
|
+
| **`height`** | <code>number</code> | Bar height in native points/dp. Defaults to `64` for `floating` and `76` for `curve`. |
|
|
789
|
+
| **`horizontalMargin`** | <code>number</code> | Horizontal margin in native points/dp. Defaults to `24` for `floating` and `0` for `curve`. |
|
|
790
|
+
| **`maxWidth`** | <code>number</code> | Maximum tabbar width in native points/dp. Defaults to `430` for `floating`; `curve` uses the available width unless this is set. |
|
|
791
|
+
| **`bottomGap`** | <code>number</code> | Bottom gap above the platform safe area in native points/dp. Defaults to `10` for `floating` and `0` for `curve`. |
|
|
792
|
+
| **`cornerRadius`** | <code>number</code> | Background corner radius in native points/dp. Defaults to a capsule radius for `floating` and `24` for `curve`. |
|
|
793
|
+
| **`centerItemId`** | <code>string</code> | Tab id promoted into the raised center button for `curve`. Defaults to the middle tab. |
|
|
794
|
+
| **`centerButtonDiameter`** | <code>number</code> | Raised center button diameter in native points/dp. Defaults to `76`. |
|
|
795
|
+
| **`centerButtonLift`** | <code>number</code> | Distance from the top of the center button to the top edge of the bar in native points/dp. Defaults to half of `centerButtonDiameter`. |
|
|
796
|
+
| **`centerButtonColor`** | <code>string</code> | Raised center button color. Defaults to the active tint color. |
|
|
797
|
+
| **`centerButtonIconColor`** | <code>string</code> | Raised center button icon color. Defaults to white. |
|
|
798
|
+
|
|
799
|
+
|
|
780
800
|
#### NativeNavigationTransitionResult
|
|
781
801
|
|
|
782
802
|
Native transition result.
|
|
@@ -923,6 +943,13 @@ Native tab label visibility behavior.
|
|
|
923
943
|
<code>'auto' | 'selected' | 'labeled' | 'unlabeled'</code>
|
|
924
944
|
|
|
925
945
|
|
|
946
|
+
#### NativeNavigationTabbarShape
|
|
947
|
+
|
|
948
|
+
Native tabbar background shape.
|
|
949
|
+
|
|
950
|
+
<code>'floating' | 'curve'</code>
|
|
951
|
+
|
|
952
|
+
|
|
926
953
|
#### NativeNavigationTransitionDirection
|
|
927
954
|
|
|
928
955
|
Navigation animation direction.
|