From ea95fa69e1e720f33c644b9eb3b3639ac72c2615 Mon Sep 17 00:00:00 2001
From: Satyajit Sahoo <satyajit.happy@gmail.com>
Date: Fri, 7 Sep 2018 11:55:55 +0200
Subject: [PATCH] fix: maintain backward compat for activeTintColor and
 inactiveTintColor

---
 .../navigators/createMaterialBottomTabNavigator.js  | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/material-bottom-tabs/src/navigators/createMaterialBottomTabNavigator.js b/packages/material-bottom-tabs/src/navigators/createMaterialBottomTabNavigator.js
index 90cc7046..5f826c5b 100644
--- a/packages/material-bottom-tabs/src/navigators/createMaterialBottomTabNavigator.js
+++ b/packages/material-bottom-tabs/src/navigators/createMaterialBottomTabNavigator.js
@@ -5,8 +5,8 @@ import { BottomNavigation } from 'react-native-paper';
 import { createTabNavigator, type InjectedProps } from 'react-navigation-tabs';
 
 type Props = InjectedProps & {
-  activeColor?: string,
-  inactiveColor?: string,
+  activeTintColor?: string,
+  inactiveTintColor?: string,
 };
 
 class BottomNavigationView extends React.Component<Props> {
@@ -32,8 +32,8 @@ class BottomNavigationView extends React.Component<Props> {
 
   render() {
     const {
-      activeColor,
-      inactiveColor,
+      activeTintColor,
+      inactiveTintColor,
       navigation,
       // eslint-disable-next-line no-unused-vars
       descriptors,
@@ -49,13 +49,14 @@ class BottomNavigationView extends React.Component<Props> {
 
     return (
       <BottomNavigation
+        // Pass these for backward compaibility
+        activeColor={activeTintColor}
+        inactiveColor={inactiveTintColor}
         {...rest}
         renderIcon={this._renderIcon}
         barStyle={[barStyle, extraStyle]}
         navigationState={navigation.state}
         getColor={this._getColor}
-        activeColor={activeColor}
-        inactiveColor={inactiveColor}
       />
     );
   }