fix ripple color

Author: Logikgate

src/core/tab-navigation-base/tab-navigation-base/index.ts

@@ -255,6 +255,15 @@ export class TabNavigationBase extends View implements TabNavigationBaseDefiniti
     public setTabBarItemTextTransform(tabStripItem: TabStripItem, value: any): void {
         // overridden by inheritors
     }
+
+    public setTabBarRippleColor(value: Color) {
+        // overridden by inheritors
+    }
+
+    public getTabBarRippleColor() {
+        // overridden by inheritors
+        return null;
+    }
 }
 
 const MIN_ICON_SIZE = 24;

src/core/tab-navigation-base/tab-strip/index.ts

@@ -1,6 +1,7 @@
 /**
  * @module @nativescript-community/ui-material-core/tab-navigation-base/tab-strip
  */
+import { rippleColorProperty } from '../../cssproperties';
 import { AddArrayFromBuilder, AddChildFromBuilder, CSSType, Color, CssProperty, Property, Style, View, ViewBase, booleanConverter } from '@nativescript/core';
 import { backgroundColorProperty, backgroundInternalProperty, colorProperty, fontInternalProperty } from '@nativescript/core/ui/styling/style-properties';
 import { textTransformProperty } from '@nativescript/core/ui/text-base';
@@ -172,6 +173,18 @@ export class TabStrip extends View implements TabStripDefinition, AddChildFromBu
 
         return parent && parent.setTabBarUnSelectedItemColor(value);
     }
+
+    [rippleColorProperty.getDefault](): Color {
+        const parent = this.parent as TabNavigationBase;
+
+        return parent && parent.getTabBarRippleColor();
+    }
+
+    [rippleColorProperty.setNative](value: Color) {
+        const parent = this.parent as TabNavigationBase;
+
+        return parent && parent.setTabBarRippleColor(value);
+    }
 }
 
 const itemsProperty = new Property<TabStrip, TabStripItem[]>({

src/tabs/tabs.ios.ts

@@ -1,4 +1,4 @@
-import { rippleColorProperty, themer } from '@nativescript-community/ui-material-core';
+import { themer } from '@nativescript-community/ui-material-core';
 import { Color, Device, Font, Frame, IOSHelper, ImageSource, Trace, Utils, View, ViewBase } from '@nativescript/core';
 import { TabsBase, swipeEnabledProperty } from './tabs-common';
 
@@ -493,6 +493,7 @@ export class Tabs extends TabsBase {
     public _needsCacheUpdate = false;
     public _animateNextChange = true;
     private _selectionIndicatorColor: Color;
+    private _rippleColor: Color;
 
     constructor() {
         super();
@@ -1123,10 +1124,15 @@ export class Tabs extends TabsBase {
         });
     }
 
-    [rippleColorProperty.setNative](value: Color) {
+    public setTabBarRippleColor(value: Color) {
+        this._rippleColor = value;
         this._ios.tabBar.rippleColor = value.ios;
     }
 
+    public getTabBarRippleColor(): Color {
+        return this._rippleColor;
+    }
+
     [selectedIndexProperty.setNative](value: number) {
         // TODO
         // if (traceEnabled()) {