From 6989ae2ba151eac14865375d040947c3b799ae98 Mon Sep 17 00:00:00 2001 From: Nathan Walker Date: Thu, 25 Oct 2018 12:26:09 -0700 Subject: [PATCH] fix(tabview): prevent white flash on tab changes --- nativescript-angular/directives/tab-view.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/nativescript-angular/directives/tab-view.ts b/nativescript-angular/directives/tab-view.ts index 787918658..37959fc6c 100644 --- a/nativescript-angular/directives/tab-view.ts +++ b/nativescript-angular/directives/tab-view.ts @@ -8,7 +8,7 @@ import { ViewContainerRef, } from "@angular/core"; import { TabView, TabViewItem } from "tns-core-modules/ui/tab-view"; -import { TextTransform } from "tns-core-modules/ui/text-base"; +import { TextTransform, Color } from "tns-core-modules/ui/text-base"; import { InvisibleNode } from "../element-registry"; import { rendererLog, isLogEnabled } from "../trace"; @@ -145,7 +145,8 @@ export class TabViewItemDirective implements OnInit { if (realViews.length > 0) { this.item.view = realViews[0]; - + // prevent white flash on tab changes + this.item.view.backgroundColor = new Color('#00000000'); const newItems = (this.owner.tabView.items || []).concat([this.item]); this.owner.tabView.items = newItems; }