React-native-navigation: [Android]: Tab Bar color not working

[luskin]

Issue Description

Styling the tab bar does not work on Android even though the docs state these should work cross platform, which leads me to believe there is something missing in my code.

Steps to Reproduce / Code Snippets / Screenshots

export const Colors = {
  Yellow: '#f7ca02',
  ButtonGrey: '#cdcdcd',
  White: '#ffffff',
  Black: '#000000',
  Blue: '#3755b0'
}

  Navigation.startTabBasedApp({
    animationType: 'fade',
    tabs: [
      {
        screen: Screens.Dispatches,
        icon: Icons.TabBar.Dispatches,
        label: 'Dispatches',
        title: 'Dispatches'
      },
      {
        screen: Screens.History,
        icon: Icons.TabBar.History,
        label: 'History',
        title: 'History'
      },
      {
        screen: Screens.Account,
        icon: Icons.TabBar.Account,
        label: 'Account',
        title: 'Account'
      }
    ],
    tabsStyle: {
      tabBarLabelColor: Colors.White,
      tabBarButtonColor: Colors.White,
      tabBarSelectedLabelColor: Colors.Yellow,
      tabBarSelectedButtonColor: Colors.Yellow,
      tabBarBackgroundColor: Colors.Black
    }
  })

iOS:

Android:

---

Environment

• React Native Navigation version: 1.1.458
• React Native version: 0.55
• Platform(s) (iOS, Android, or both?): Both
• Device info (Simulator/Device? OS version? Debug/Release?): iPhone X vs Samsung Galaxy S7 Edge (both real devices)

[guyca]

Due to historical reasons, BottomTabs style on Android should be declared in appStyle
https://wix.github.io/react-native-navigation/#/styling-the-tab-bar

[chengguo0719]

Due to historical reasons, BottomTabs style on Android should be declared in appStyle
https://wix.github.io/react-native-navigation/#/styling-the-tab-bar

Thank you very much. it is working in android correctly