title: navigator has both navigation and container props error in React Native
body: <p>So Important : my project was working , bat when i copied them to my backup folder and used after deleting files!!, i got navigation error:</p>
  
  <blockquote>
    <p>Error: This navigator has both navigation and container props, so it is unclear if it should own its own state. Remove props: "theme" if the navigator should get its state from the navigation prop. If the navigator should maintain its own state, do not pass a navigation prop.</p>
  </blockquote>
  
  <p>here is my App.js codes:</p>
  
  <pre><code>import { createAppContainer } from "react-navigation"
  import AppNavigator from './app/Navi/Navigate'
  
  const AppContainer = createAppContainer(AppNavigator);
  
  export default class App extends React.Component {
    render() {
      return &lt;AppContainer /&gt;
    }
  }
  </code></pre>
  
  <p>Where i call AppNavigator from Navigate.js:</p>
  
  <pre><code>const AppNavigator = createStackNavigator({
    indexPage : Index,
    loginPage : Login,
    homePage : TabNavigator
  },
  {
    initialRouteName: "indexPage",
    headerMode: 'none',
      navigationOptions: {
          headerVisible: false,
      }
  });
  
  export default AppNavigator;
  </code></pre>
  
  <p>and index.js where error is there (error says it is in line 29 that refers to line 40) :</p>
  
  <pre><code>export default class Index extends React.Component{
   componentDidMount(){
          this.checker();
      }
  
  
      transfer = (page) =&gt; {
          if(page == 'Home')
              this.props.navigation.navigate('homePage');
          else
              this.props.navigation.navigate('loginPage');
      }
  
      checker = () =&gt; {
          AsyncStorage.getItem('LoginBoolean')
          .then((value) =&gt; {
              if(value == 'yes')
                  this.transfer('Home');
              else
                  this.transfer('Login');
          })
          .catch((error) =&gt; 
              console.log(error)
          );
      }
  
      render(){
          some rendering tags!
      }
  }
  </code></pre>
  
  <p>and no idea what is going on!</p>
  
  <blockquote>
    <p>Edited
    the TabNavigator Compeletly Codes:</p>
  </blockquote>
  
  <p>that const rednderNav and customTabs are some customization for tab ui</p>
  
  <pre><code>import { createBottomTabNavigator, createAppContainer } from 'react-navigation';
  
  import Home from '../Home/home'
  import LogOut from '../Logging/logout'
  import Search from '../Route/Search'
  import Poll from '../Poll/Poll'
  import Signate from '../sign/signate'
  
  const renderNav = (name, tintColor) =&gt; (
      &lt;View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}&gt;
        &lt;Icon name={name} size={15} style={{color: tintColor}} /&gt;
      &lt;/View&gt;
    )
  
  const customTabs = ({ navigation }) =&gt; ({
      tabBarIcon: ({tintColor }) =&gt; {
        const { routeName } = navigation.state;
        if (routeName === 'LogOut') {
          return renderNav('md-log-out', tintColor);
        } else if (routeName === 'Home') {
          return renderNav('md-planet', tintColor);
        } else if (routeName === 'Route') {
          return renderNav('md-compass', tintColor);
        } else if (routeName === 'Poll') {
          return renderNav('ios-checkmark-circle', tintColor);
        } else if (routeName === 'Sign') {
          return renderNav('hand', tintColor);
        }
      }
    });
  
  const TabNavigator = createBottomTabNavigator({
      LogOut : LogOut,
      Route : Search,
      Home : Home,
      Poll : Poll,
      Sign : Signate
  },
  {
      defaultNavigationOptions: customTabs,
    animationEnabled: true,
    swipeEnabled: true,
    tabBarPosition: 'bottom',
    initialRouteName: 'Poll',
    tabBarOptions: {
      showLabel: false,
      activeTintColor: 'yellow',
      inactiveTintColor: '#fff',
      style:{
        borderTopColor: '#ccc',
        borderTopWidth: 3,
        backgroundColor:'#191919',
        height: 50,
      },
      activeTabStyle: {
        backgroundColor: 'white',
        borderBottomWidth: 40,
        borderColor: '#6C1D7C'
      }
    },
  });
  
  export default createAppContainer(TabNavigator);
  </code></pre>