react-native-tab-navigator | JavaScript for React-Native iOS Android module | iOS library

componentDidMount won't trigger when it is inside a tabNavigator (expect for the first time the component gets mounted).

The reason is that when switching from a tab to another, every tab gets rendered a first time, leaving all the tabs rendered without unmounting them.

I don't know which navigator you are using, but usually you have a way to know when a screen gets 'focussed' and when it gets 'blurred'. Using those you can trigger a function when you have the screen passing from blurred to focussed.

Your navigation hierarchy starts with the SigninSignup navigator.

Since your component is rendering either the navigator or your tab bar according to this.state.condition, you can't just navigate to the other screen.

You con solve this be either moving the tab bar and the SigninSignup navigator into a new root navigator and use that to navigate between everything, or by providing a function to Tabbar that would change the value of condition:

You can find some info about this issue here, but i will try gather the info nicely for you

But basically, if your version of react > 16, you must run npm i --save prop-types and then in your code include import PropTypes from 'prop-types'

if your version of react < 16, you must import PropTypes from React like so import React, { Component, PropTypes } from 'react';

You can check your version of React by going to the project directory, opening up your package.json file, and it should be there. Should look something like this:

"react": "16.0.0-alpha.6",

This seems to be an issue due to babel-preset-react-native 2.1.0. Simply downgrade to 2.0.0 and it should work fine: