/* eslint-disable no-unused-vars */
import React, { Component } from 'react';
import { View } from 'react-native';
import { Navigation } from 'react-native-navigation';
import { registerScreens } from './screens';
import { iconsMap, iconsLoaded } from './utils/AppIcons';

registerScreens();

const navigatorStyle = {
	statusBarColor: '#831d19',
	navigationBarColor: '#339999',
	navBarBackgroundColor: '#339999',
	navBarTextColor: '#ffffff',
	navBarButtonColor: '#ffffff',
	statusBarTextColorScheme: 'light',
	navBarHidden: true,
	tabBarButtonColor: 'red',
	tabBarSelectedButtonColor: 'red',
	tabBarBackgroundColor: 'red'
};

class App extends Component {
	constructor(props) {
		super(props);
		iconsLoaded.then(() => {
			this.startApp();
		});
	}

	startApp() {
		Navigation.startTabBasedApp({
			tabs: [
				{
					label: 'One',
					screen: 'rn.FirstTabScreen',
					icon: iconsMap['ios-person'],
					selectedIcon: iconsMap['ios-person'],
					title: 'Hello World',
					navigatorStyle
				},
				{
					label: 'Two',
					screen: 'rn.SecondTabScreen',
					icon: iconsMap['ios-chatbubbles'],
					selectedIcon: iconsMap['ios-chatbubbles'],
					title: 'Test Title 2',
					navigatorStyle
				}
			],
			tabsStyle: {

			},
			drawer: { // optional, add this if you want a side menu drawer in your app
				left: { // optional, define if you want a drawer from the right
					screen: 'rn.FirstDrawerScreen' // unique ID registered with Navigation.registerScreen
				},
				right: { // optional, define if you want a drawer from the right
					screen: 'rn.SecondDrawerScreen' // unique ID registered with Navigation.registerScreen
				}
			},
			animationType: 'slide-down'
		});
	}
}

export default App;

@@ -162,16 +162,56 @@
 ation';%0A
+import %7B Provider %7D from 'react-redux';%0A
 import %7B
@@ -247,16 +247,17 @@
 reens';%0A
+%0A
 import %7B
@@ -305,16 +305,102 @@
 pIcons';
+%0Aimport configureStore from './store/configureStore';%0A%0Aconst store = configureStore();
 %0A%0Aregist
@@ -409,16 +409,31 @@
 Screens(
+store, Provider
 );%0A%0Acons
@@ -458,100 +458,55 @@
  %7B%0A%09
-statusBarColor: '#831d19',%0A%09navigationBarColor: '#339999',%0A%09navBarBackgroundColor: '#339999'
+navBarTranslucent: true,%0A%09drawUnderNavBar: true
 ,%0A%09n
@@ -518,31 +518,29 @@
 TextColor: '
-#ffffff
+white
 ',%0A%09navBarBu
@@ -555,15 +555,13 @@
 r: '
-#ffffff
+white
 ',%0A%09
@@ -597,122 +597,8 @@
 ght'
-,%0A%09navBarHidden: true,%0A%09tabBarButtonColor: 'red',%0A%09tabBarSelectedButtonColor: 'red',%0A%09tabBarBackgroundColor: 'red'
 %0A%7D;%0A
@@ -803,11 +803,14 @@
 l: '
-One
+Movies
 ',%0A%09
@@ -826,25 +826,23 @@
 n: '
-rn.FirstTabScreen
+movieapp.Movies
 ',%0A%09
@@ -857,38 +857,44 @@
 : iconsMap%5B'ios-
-person
+film-outline
 '%5D,%0A%09%09%09%09%09selecte
@@ -918,14 +918,12 @@
 ios-
-person
+film
 '%5D,%0A
@@ -939,19 +939,14 @@
 e: '
-Hello World
+Movies
 ',%0A%09
@@ -995,10 +995,15 @@
 : 'T
-wo
+V Shows
 ',%0A%09
@@ -1019,26 +1019,23 @@
 n: '
-rn.SecondTabScreen
+movieapp.Movies
 ',%0A%09
@@ -1054,35 +1054,39 @@
 onsMap%5B'ios-
-chatbubbles
+desktop-outline
 '%5D,%0A%09%09%09%09%09sel
@@ -1114,19 +1114,15 @@
 ios-
-chatbubbles
+desktop
 '%5D,%0A
@@ -1138,20 +1138,14 @@
 e: '
-Test Title 2
+Movies
 ',%0A%09
@@ -1195,462 +1195,119 @@
 : %7B%0A
-%0A%09%09%09%7D,%0A%09%09%09drawer: %7B // optional, add this if you want a side menu drawer in your app%0A%09%09%09%09left: %7B // optional, define if you want a drawer from the right%0A%09%09%09%09%09screen: 'rn.FirstDrawerScreen' // unique ID registered with Navigation.registerScreen%0A%09%09%09%09%7D,%0A%09%09%09%09right: %7B // optional, define if you want a drawer from the right%0A%09%09%09%09%09screen: 'rn.SecondDrawerScreen' // unique ID registered with Navigation.registerScreen%0A%09%09%09%09%7D%0A%09%09%09%7D,%0A%09%09%09animationType: 'slide-down'
+%09%09%09%09tabBarButtonColor: 'white',%0A%09%09%09%09tabBarSelectedButtonColor: 'white',%0A%09%09%09%09tabBarBackgroundColor: 'black'%0A%09%09%09%7D
 %0A%09%09%7D

Fix TabBar