title: React native paper theme with react navigation not working
body: <p>I am new to react-native. I was working with react native paper to provide a theme to all screens.
  I am also using a react-navigation stack navigator and drawer navigator. First of all with navigation the paper theme is not working in the navigated component. But if I don't use react-navigation then it works.</p>
  
  <p>So I tried to pass theme from component to component by "withTheme". But withTheme is not giving me my custom theme props. </p>
  
  <p>This is my App.js</p>
  
  <pre><code>import { DefaultTheme,Provider as PaperProvider, Drawer, Avatar, withTheme } from 'react-native-paper';
  import { createAppContainer,createSwitchNavigator } from 'react-navigation';
  import { createDrawerNavigator } from 'react-navigation-drawer' 
  
  const theme = {
    ...DefaultTheme,
    roundness: 8,
    colors: {
      ...DefaultTheme.colors,
      primary: '#ff0000',
      accent: '#000000',
      text: "#cc1111",
      background: "#000000",
      contained: '#000000'
    },
    dark: true
  };
  
  class App extends Component {
  
    render(){
        return(
          &lt;PaperProvider theme={theme}&gt;  
             &lt;switchNavigator /&gt;
          &lt;/PaperProvider&gt;
        )
    }
  };
  
  const switchNavigator = createSwitchNavigator({
    Login: Login,
    dranav: drawyerNavigator
  },
  {
    initialRouteName: "Login",
  
  })
  export default  createAppContainer(switchNavigator);
  </code></pre>
  
  <p>This is my login.js</p>
  
  <pre><code>class Login extends Component{
      state = {
         emailtext: '',
         passwordtext: ''
      };
      componentDidMount() {
          SplashScreen.hide();
      }
      render(){
         const {navigate} = this.props.navigation;
         const { colors } = this.props.theme;
         console.log({colors.accent})
     }
  
  }
  export default withTheme(Login)
  </code></pre>
  
  <p>In my Login.js I was expecting "colors.accent" to give a value of my custom theme like this value -- "#000000".
  But it's giving me   = "#03DAC4" which is the default color for accent, not my custom color.</p>
  
  <p>I am using react-native version 0.61. please suggest what am I doing wrong. Also is there a better way to pass a react-native paper theme with navigation. I want a global theme for all screens</p>
  
  <p>Thanks </p>