title: React-Native navigation.addListener is not a functio
body: <p>Is there a way I can fix this without using redux?</p>
  
  <p>This is only happening on iOS, on android the AddListener works perfectly fine without it.</p>
  
  <p><a href="https://i.stack.imgur.com/Anzhf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Anzhf.png" alt="navigation.addListener is not a function"></a></p>
  
  <p>I have a component and I call the props.navigation.addListener on the componentDidMount functon. 
  Some code to help understand exactly where it breaks:</p>
  
  <pre><code>componentDidMount(){
      var _this = this;
      this.willBlurListener = this.props.navigation.addListener('willBlur', () =&gt; {
          _this.timer.clearTimeout();
      });
      this.willFocusListener = this.props.navigation.addListener('willFocus', () =&gt; {
          _this._action();
      });
      AppState.addEventListener('change', this._handleAppStateChange);
  }
  </code></pre>
  
  <p>And then I use the component like this:</p>
  
  <pre><code>&lt;Inactivity name='SomeNameView' navigation={ this.props.navigation }&gt;
      {this.renderDetails()}              
  &lt;/Inactivity&gt;
  </code></pre>