hello friends i am using react navigation i have custom drawer component for my drawer which is working fine but i want to apply activity tint color on myt custom drawer component which is not working any help please
here is my code all i need is the activitytintcolor
import React from 'react';
import { StackNavigator, DrawerNavigator, DrawerItems, DrawerView, } from 'react-navigation';
import { Homescreen, Dashbord, Help, Profile, Share, Signup, Login, TakePhot, Welcome } from '../src/components'
import DrawerContent from './drawerContent';
import { ScrollView, Dimensions } from 'react-native';
import DrawerContainer from './drawerContent';
const navigationOptions = {
headerTitle: ' Home',
headerTitleStyle: {
color: '#ffff',
textAlign: 'center',
},
headerTintColor: '#ffff',
headerStyle: {
backgroundColor: '#FDD10C'
}
}
const routes = {
Dashbord: { screen: Dashbord },
ProfileScreen: { screen: Profile },
shareScreen: { screen: Share },
Home: {
screen: Homescreen,
},
takeAphoto: { screen: TakePhot },
Help:{screen:Help}
};
const options = {
initialRouteName: 'Dashbord',
contentComponent: DrawerContent,
contentOptions:{
activeTintColor:'blue'
},
drawerWidth: Dimensions.get('window').width - 119,
};
const AppRoutes = DrawerNavigator(routes, options);
AppRoutes.navigationOptions = {
header: null
}
AppRoutes.contentOptions = {
activeTintColor: 'blue',
activeBackgroundColor: 'red',
inactiveBackgroundColor: 'rgba(0,0,0,0)',
inactiveTintColor: '#black',
style: {
marginVertical: 0
},
labelStyle: {
fontWeight: 'bold',
fontFamily: 'Roboto',
backgroundColor: 'transparent'
}
}
export { AppRoutes };
const PrimaryStack = StackNavigator({
LoginScreen: { screen: Login },
SignupScreen: { screen: Signup },
},
{
navigationOptions: ({ navigation }) => ({
headerStyle: { backgroundColor: '#4C3E54' },
title: 'Welcome!',
headerTintColor: 'white',
header: null
})
}
)
export const CreateRootNavigator = (signedIn = false) => {
return StackNavigator(
{
login: { screen: AppRoutes },
SignedOut: {
screen: PrimaryStack,
navigationOptions: {
gesturesEnabled: false
}
}
},
{
headerMode: "screen",
mode: "modal",
initialRouteName: signedIn ? "login" : 'SignedOut'
}
);
};