title: setTimeout in React Native
body: <p>I'm trying to load a splash screen for an iOS app built in React Native. I'm trying to accomplish this through class states and then a setTimeout function as follows:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>class CowtanApp extends Component {
    constructor(props){
      super(props);
      this.state = {
        timePassed: false
      };
    }
  
    render() {
      setTimeout(function(){this.setState({timePassed: true})}, 1000);
      if (!this.state.timePassed){
        return &lt;LoadingPage/&gt;;
      }else{
        return (
          &lt;NavigatorIOS
            style = {styles.container}
            initialRoute = {{
              component: LoginPage,
              title: 'Sign In',
            }}/&gt;
        );
      }
    }
  }
  </code></pre>
  
  <p>The loading page works for a second, and then I guess when setTimeout tries to change the state to true, my program crashes: 'undefined is not an object (evaluating this.setState)'. I've been going at this for a couple of hours, any ideas on how to fix it?</p>