javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(ios): ease of use on explicit preferredStatusBarStyle

Browse Source 
Allows statusBarStyle to be defined on any view for explicit per view control, whether presented in modal or not.
Note: You must remove Info.plist key `UIViewControllerBasedStatusBarAppearance`
It defaults to true when not present: https://developer.apple.com/documentation/bundleresources/information-property-list/uiviewcontrollerbasedstatusbarappearance
Or you can explicitly set it to true:
<key>UIViewControllerBasedStatusBarAppearance</key>
<true/>

False value will make this property have no effect.
This commit is contained in:
Nathan Walker
2025-09-24 11:15:14 -07:00
parent d5467fd752
commit 5f022855e8
8 changed files with 58 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/core/ui/core/view-base/index.ts
View File

@@ -79,6 +79,10 @@ export interface ShowModalOptions {
* height of the popup dialog
*/
height?: number;
/**
* The preferred status bar style for the modal view
*/
statusBarStyle?: 'light' | 'dark';
};
android?: {
/**

14
packages/core/ui/core/view/index.d.ts vendored
View File

@@ -638,6 +638,20 @@ export abstract class View extends ViewCommon {
*/
cssType: string;
/**
* (iOS only) Gets or sets the status bar style for this view.
* Note: You must remove Info.plist key `UIViewControllerBasedStatusBarAppearance`
* It defaults to true when not present: https://developer.apple.com/documentation/bundleresources/information-property-list/uiviewcontrollerbasedstatusbarappearance
* Or you can explicitly set it to true:
* <key>UIViewControllerBasedStatusBarAppearance</key>
* <true/>
*
* False value will make this property have no effect.
*
* @nsProperty
*/
statusBarStyle: 'light' | 'dark';
cssClasses: Set<string>;
cssPseudoClasses: Set<string>;

19
packages/core/ui/core/view/index.ios.ts
View File

@@ -560,12 +560,21 @@ export class View extends ViewCommon {
}
}
if (options.ios && options.ios.presentationStyle) {
const presentationStyle = options.ios.presentationStyle;
controller.modalPresentationStyle = presentationStyle;
if (options.ios) {
if (options.ios.presentationStyle) {
const presentationStyle = options.ios.presentationStyle;
controller.modalPresentationStyle = presentationStyle;
if (presentationStyle === UIModalPresentationStyle.Popover) {
this._setupPopoverControllerDelegate(controller, parent);
if (presentationStyle === UIModalPresentationStyle.Popover) {
this._setupPopoverControllerDelegate(controller, parent);
}
}
if (options.ios.statusBarStyle) {
/**
* https://developer.apple.com/documentation/uikit/uiviewcontroller/modalpresentationcapturesstatusbarappearance
*/
controller.modalPresentationCapturesStatusBarAppearance = true;
this.statusBarStyle = options.ios.statusBarStyle;
}
}

7
packages/core/ui/core/view/view-common.ts
View File

@@ -997,6 +997,13 @@ export abstract class ViewCommon extends ViewBase {
this._cssType = type.toLowerCase();
}
get statusBarStyle(): 'light' | 'dark' {
return this.style.statusBarStyle;
}
set statusBarStyle(value: 'light' | 'dark') {
this.style.statusBarStyle = value;
}
get isLayoutRequired(): boolean {
return true;
}

14
packages/core/ui/core/view/view-helper/index.ios.ts
View File

@@ -127,6 +127,20 @@ class UILayoutViewController extends UIViewController {
}
}
}
// @ts-ignore
public get preferredStatusBarStyle(): UIStatusBarStyle {
const owner = this.owner?.deref();
if (owner) {
if (SDK_VERSION >= 13) {
return owner.statusBarStyle === 'dark' ? UIStatusBarStyle.DarkContent : UIStatusBarStyle.LightContent;
} else {
return owner.statusBarStyle === 'dark' ? UIStatusBarStyle.LightContent : UIStatusBarStyle.Default;
}
} else {
return UIStatusBarStyle.Default;
}
}
}
@NativeClass

8
packages/core/ui/page/index.d.ts vendored
View File

@@ -65,14 +65,6 @@ export declare class Page extends PageBase {
*/
public backgroundSpanUnderStatusBar: boolean;
/**
* Gets or sets the style of the status bar.
*
* @nsProperty
*/
// @ts-ignore
public statusBarStyle: 'light' | 'dark';
/**
* Gets or sets the color of the status bar in Android.
*

6
packages/core/ui/page/index.ios.ts
View File

@@ -349,7 +349,11 @@ class UIViewControllerImpl extends UIViewController {
public get preferredStatusBarStyle(): UIStatusBarStyle {
const owner = this._owner?.deref();
if (owner) {
return owner.statusBarStyle === 'dark' ? UIStatusBarStyle.LightContent : UIStatusBarStyle.Default;
if (SDK_VERSION >= 13) {
return owner.statusBarStyle === 'dark' ? UIStatusBarStyle.DarkContent : UIStatusBarStyle.LightContent;
} else {
return owner.statusBarStyle === 'dark' ? UIStatusBarStyle.LightContent : UIStatusBarStyle.Default;
}
} else {
return UIStatusBarStyle.Default;
}

7
packages/core/ui/page/page-common.ts
View File

@@ -63,13 +63,6 @@ export class PageBase extends ContentView {
}
}
get statusBarStyle(): 'light' | 'dark' {
return this.style.statusBarStyle;
}
set statusBarStyle(value: 'light' | 'dark') {
this.style.statusBarStyle = value;
}
public get androidStatusBarBackground(): Color {
return this.style.androidStatusBarBackground;
}