@capacitor/core 8.0.0-nightly-20251205T150637.0 → 8.0.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@capacitor/core",
|
|
3
|
-
"version": "8.0.0
|
|
3
|
+
"version": "8.0.0",
|
|
4
4
|
"description": "Capacitor: Cross-platform apps with JavaScript and the web",
|
|
5
5
|
"homepage": "https://capacitorjs.com",
|
|
6
6
|
"author": "Ionic Team <hi@ionic.io> (https://ionic.io)",
|
package/system-bars.md
CHANGED
|
@@ -32,8 +32,7 @@ html {
|
|
|
32
32
|
padding-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));
|
|
33
33
|
}
|
|
34
34
|
```
|
|
35
|
-
|
|
36
|
-
To disable the inset variable injections, set the configuration setting `disableInsets` to `true`.
|
|
35
|
+
To control this behavior, use the `insetsHandling` configuration setting.
|
|
37
36
|
|
|
38
37
|
## Example
|
|
39
38
|
|
|
@@ -72,7 +71,7 @@ const setStatusBarAnimation = async () => {
|
|
|
72
71
|
## Configuration
|
|
73
72
|
| Prop | Type | Description | Default |
|
|
74
73
|
| ------------- | -------------------- | ------------------------------------------------------------------------- | ------------------ |
|
|
75
|
-
| **`
|
|
74
|
+
| **`insetsHandling`** | <code>string</code> | Specifies how to handle problematic insets on Android. This option is only supported on Android.<br>`css` = Injects CSS variables (`--safe-area-inset-*`) containing correct safe area inset values into the webview.<br>`disable` = Disable all inset handling. | <code>css</code> |
|
|
76
75
|
| **`style`** | <code>string</code> | The style of the text and icons of the system bars. | <code>DEFAULT</code> |
|
|
77
76
|
| **`hidden`** | <code>boolean</code> | Hide the system bars on start. | <code>false</code> |
|
|
78
77
|
| **`animation`** | <code>string</code> | The type of status bar animation used when showing or hiding. This option is only supported on iOS. | <code>FADE</code> |
|
|
@@ -86,7 +85,7 @@ In `capacitor.config.json`:
|
|
|
86
85
|
{
|
|
87
86
|
"plugins": {
|
|
88
87
|
"SystemBars": {
|
|
89
|
-
"
|
|
88
|
+
"insetsHandling": "css",
|
|
90
89
|
"style": "DARK",
|
|
91
90
|
"hidden": false,
|
|
92
91
|
"animation": "NONE"
|
|
@@ -103,7 +102,7 @@ import { CapacitorConfig } from '@capacitor/cli';
|
|
|
103
102
|
const config: CapacitorConfig = {
|
|
104
103
|
plugins: {
|
|
105
104
|
SystemBars: {
|
|
106
|
-
|
|
105
|
+
insetsHandling: "css",
|
|
107
106
|
style: "DARK",
|
|
108
107
|
hidden: false,
|
|
109
108
|
animation: "NONE"
|
|
@@ -120,6 +120,7 @@ export interface CapacitorCustomPlatformInstance {
|
|
|
120
120
|
}
|
|
121
121
|
export interface WindowCapacitor {
|
|
122
122
|
Capacitor?: CapacitorInstance;
|
|
123
|
+
CapacitorSystemBarsAndroidInterface?: any;
|
|
123
124
|
CapacitorCookiesAndroidInterface?: any;
|
|
124
125
|
CapacitorCookiesDescriptor?: PropertyDescriptor;
|
|
125
126
|
CapacitorHttpAndroidInterface?: any;
|