mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-15 11:01:21 +08:00
fix(ios): proper UITabBarAppearance handling
This commit is contained in:
@ -14,23 +14,18 @@ import { profile } from '../../profiling';
|
||||
import { Frame } from '../frame';
|
||||
import { layout, iOSNativeHelper } from '../../utils';
|
||||
import { Device } from '../../platform';
|
||||
import { Transparent } from 'color/known-colors';
|
||||
export * from './tab-view-common';
|
||||
|
||||
const majorVersion = iOSNativeHelper.MajorVersion;
|
||||
const isPhone = Device.deviceType === 'Phone';
|
||||
|
||||
let UITabBarControllerImpl;
|
||||
let UITabBarControllerDelegateImpl;
|
||||
let UINavigationControllerDelegateImpl;
|
||||
|
||||
const setupControllers = function () {
|
||||
if (typeof UITabBarControllerImpl === 'undefined') {
|
||||
@NativeClass
|
||||
class UITabBarControllerClass extends UITabBarController {
|
||||
@NativeClass
|
||||
class UITabBarControllerImpl extends UITabBarController {
|
||||
private _owner: WeakRef<TabView>;
|
||||
|
||||
public static initWithOwner(owner: WeakRef<TabView>): typeof UITabBarControllerImpl {
|
||||
const handler = <typeof UITabBarControllerImpl>UITabBarControllerImpl.new();
|
||||
public static initWithOwner(owner: WeakRef<TabView>): UITabBarControllerImpl {
|
||||
const handler = <UITabBarControllerImpl>UITabBarControllerImpl.new();
|
||||
handler._owner = owner;
|
||||
|
||||
return handler;
|
||||
@ -92,17 +87,16 @@ const setupControllers = function () {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
UITabBarControllerImpl = UITabBarControllerClass;
|
||||
}
|
||||
|
||||
@NativeClass
|
||||
class UITabBarControllerDelegateClass extends NSObject implements UITabBarControllerDelegate {
|
||||
@NativeClass
|
||||
class UITabBarControllerDelegateImpl extends NSObject implements UITabBarControllerDelegate {
|
||||
public static ObjCProtocols = [UITabBarControllerDelegate];
|
||||
|
||||
private _owner: WeakRef<TabView>;
|
||||
|
||||
public static initWithOwner(owner: WeakRef<TabView>): typeof UITabBarControllerDelegateImpl {
|
||||
const delegate = <typeof UITabBarControllerDelegateImpl>UITabBarControllerDelegateImpl.new();
|
||||
public static initWithOwner(owner: WeakRef<TabView>): UITabBarControllerDelegateImpl {
|
||||
const delegate = <UITabBarControllerDelegateImpl>UITabBarControllerDelegateImpl.new();
|
||||
delegate._owner = owner;
|
||||
|
||||
return delegate;
|
||||
@ -141,17 +135,16 @@ const setupControllers = function () {
|
||||
|
||||
(<any>tabBarController)._willSelectViewController = undefined;
|
||||
}
|
||||
}
|
||||
UITabBarControllerDelegateImpl = UITabBarControllerDelegateClass;
|
||||
}
|
||||
|
||||
@NativeClass
|
||||
class UINavigationControllerDelegateClass extends NSObject implements UINavigationControllerDelegate {
|
||||
@NativeClass
|
||||
class UINavigationControllerDelegateImpl extends NSObject implements UINavigationControllerDelegate {
|
||||
public static ObjCProtocols = [UINavigationControllerDelegate];
|
||||
|
||||
private _owner: WeakRef<TabView>;
|
||||
|
||||
public static initWithOwner(owner: WeakRef<TabView>): typeof UINavigationControllerDelegateImpl {
|
||||
const delegate = <typeof UINavigationControllerDelegateImpl>UINavigationControllerDelegateImpl.new();
|
||||
public static initWithOwner(owner: WeakRef<TabView>): UINavigationControllerDelegateImpl {
|
||||
const delegate = <UINavigationControllerDelegateImpl>UINavigationControllerDelegateImpl.new();
|
||||
delegate._owner = owner;
|
||||
|
||||
return delegate;
|
||||
@ -182,12 +175,7 @@ const setupControllers = function () {
|
||||
owner._onViewControllerShown(viewController);
|
||||
}
|
||||
}
|
||||
}
|
||||
UINavigationControllerDelegateImpl = UINavigationControllerDelegateClass;
|
||||
}
|
||||
};
|
||||
|
||||
setupControllers();
|
||||
}
|
||||
|
||||
function updateTitleAndIconPositions(tabItem: TabViewItem, tabBarItem: UITabBarItem, controller: UIViewController) {
|
||||
if (!tabItem || !tabBarItem) {
|
||||
@ -286,11 +274,11 @@ export class TabViewItem extends TabViewItemBase {
|
||||
}
|
||||
|
||||
export class TabView extends TabViewBase {
|
||||
public viewController: typeof UITabBarControllerImpl;
|
||||
public viewController: UITabBarControllerImpl;
|
||||
public items: TabViewItem[];
|
||||
public _ios: typeof UITabBarControllerImpl;
|
||||
private _delegate: typeof UITabBarControllerDelegateImpl;
|
||||
private _moreNavigationControllerDelegate: typeof UINavigationControllerDelegateImpl;
|
||||
public _ios: UITabBarControllerImpl;
|
||||
private _delegate: UITabBarControllerDelegateImpl;
|
||||
private _moreNavigationControllerDelegate: UINavigationControllerDelegateImpl;
|
||||
private _iconsCache = {};
|
||||
|
||||
constructor() {
|
||||
@ -534,6 +522,17 @@ export class TabView extends TabViewBase {
|
||||
}
|
||||
}
|
||||
|
||||
private _getAppearance(tabBar: UITabBar) {
|
||||
return tabBar.standardAppearance ?? UITabBarAppearance.new();
|
||||
}
|
||||
|
||||
private _updateAppearance(tabBar: UITabBar, appearance: UITabBarAppearance) {
|
||||
tabBar.standardAppearance = appearance;
|
||||
if (majorVersion >= 15) {
|
||||
tabBar.scrollEdgeAppearance = appearance;
|
||||
}
|
||||
}
|
||||
|
||||
[selectedIndexProperty.setNative](value: number) {
|
||||
if (Trace.isEnabled()) {
|
||||
Trace.write('TabView._onSelectedIndexPropertyChangedSetNativeValue(' + value + ')', Trace.categories.Debug);
|
||||
@ -571,12 +570,11 @@ export class TabView extends TabViewBase {
|
||||
return this._ios.tabBar.barTintColor;
|
||||
}
|
||||
[tabBackgroundColorProperty.setNative](value: UIColor | Color) {
|
||||
if (majorVersion >= 15) {
|
||||
let appearance = UITabBarAppearance.new();
|
||||
if (majorVersion >= 13) {
|
||||
const appearance = this._getAppearance(this._ios.tabBar);
|
||||
appearance.configureWithDefaultBackground();
|
||||
appearance.backgroundColor = value instanceof Color ? value.ios : value;
|
||||
|
||||
this._ios.tabBar.scrollEdgeAppearance = appearance;
|
||||
this._ios.tabBar.standardAppearance = appearance;
|
||||
this._updateAppearance(this._ios.tabBar, appearance);
|
||||
} else {
|
||||
this._ios.tabBar.barTintColor = value instanceof Color ? value.ios : value;
|
||||
}
|
||||
|
Reference in New Issue
Block a user