@@ -1,10 +1,11 @@
 // Types
+import { TabStrip } from "../tab-navigation-base/tab-strip";
 import { TabContentItem } from "../tab-navigation-base/tab-content-item";
 import { TabStripItem } from "../tab-navigation-base/tab-strip-item";
 import { TextTransform } from "../text-base";
 
 //Requires
-import { TabNavigationBase, itemsProperty, selectedIndexProperty } from "../tab-navigation-base/tab-navigation-base";
+import { TabNavigationBase, itemsProperty, selectedIndexProperty, tabStripProperty } from "../tab-navigation-base/tab-navigation-base";
 import { Font } from "../styling/font";
 import { getTransformedText } from "../text-base";
 import { Frame } from "../frame";
@@ -137,7 +138,7 @@ class UITabBarControllerDelegateImpl extends NSObject implements UITabBarControl
                         if (tabStripItems[position]) {
                             tabStripItems[position]._emit(TabStripItem.selectEvent);
                         }
-    
+
                         if (tabStripItems[prevPosition]) {
                             tabStripItems[prevPosition]._emit(TabStripItem.unselectEvent);
                         }
@@ -610,6 +611,15 @@ export class BottomNavigation extends TabNavigationBase {
         this.setViewControllers(value);
         selectedIndexProperty.coerce(this);
     }
+
+    [tabStripProperty.getDefault](): TabStrip {
+        return null;
+    }
+
+    [tabStripProperty.setNative](value: TabStrip) {
+        this.setViewControllers(this.items);
+        selectedIndexProperty.coerce(this);
+    }
 }
 
 interface TabStates {
 
@@ -37,8 +37,8 @@ export class TabNavigationBase extends View implements TabNavigationBaseDefiniti
             this._addView(value);
             // selectedIndexProperty.coerce(this);
         } else if (name === "TabStrip") {
+            // Setting tabStrip will trigger onTabStripChanged
             this.tabStrip = value;
-            this._addView(value);
         }
     }
 
@@ -94,14 +94,12 @@ export class TabNavigationBase extends View implements TabNavigationBaseDefiniti
     }
 
     public onTabStripChanged(oldTabStrip: TabStrip, newTabStrip: TabStrip) {
-        if (oldTabStrip && oldTabStrip.items && oldTabStrip.items.length) {
-            oldTabStrip.items.forEach(item => this._removeView(item));
+        if (oldTabStrip && oldTabStrip.parent) {
+            this._removeView(oldTabStrip);
         }
 
-        if (newTabStrip && newTabStrip.items && newTabStrip.items.length) {
-            newTabStrip.items.forEach(item => {
-                this._addView(item);
-            });
+        if (newTabStrip) {
+            this._addView(newTabStrip);
         }
     }
Original file line number	Diff line number	Diff line change
`@@ -37,8 +37,8 @@ export class TabNavigationBase extends View implements TabNavigationBaseDefiniti`
`37`	`37`	`this._addView(value);`
`38`	`38`	`// selectedIndexProperty.coerce(this);`
`39`	`39`	`} else if (name === "TabStrip") {`
	`40`	`+ // Setting tabStrip will trigger onTabStripChanged`
`40`	`41`	`this.tabStrip = value;`
`41`		`- this._addView(value);`
`42`	`42`	`}`
`43`	`43`	`}`
`44`	`44`
`@@ -94,14 +94,12 @@ export class TabNavigationBase extends View implements TabNavigationBaseDefiniti`
`94`	`94`	`}`
`95`	`95`
`96`	`96`	`public onTabStripChanged(oldTabStrip: TabStrip, newTabStrip: TabStrip) {`
`97`		`- if (oldTabStrip && oldTabStrip.items && oldTabStrip.items.length) {`
`98`		`- oldTabStrip.items.forEach(item => this._removeView(item));`
	`97`	`+ if (oldTabStrip && oldTabStrip.parent) {`
	`98`	`+ this._removeView(oldTabStrip);`
`99`	`99`	`}`
`100`	`100`
`101`		`- if (newTabStrip && newTabStrip.items && newTabStrip.items.length) {`
`102`		`- newTabStrip.items.forEach(item => {`
`103`		`- this._addView(item);`
`104`		`- });`
	`101`	`+ if (newTabStrip) {`
	`102`	`+ this._addView(newTabStrip);`
`105`	`103`	`}`
`106`	`104`	`}`
`107`	`105`