title: How to reload page after navigating from another screen
body: <p>// I am using below code for navigating one screen to another i.e Home page .
  But when am navigating home page , I have to refresh the page ..reload . In current , when i am coming to home screen non of the life  cycle method is getting call . Specially UserAvatar  component I have to refresh ,or recall .
  Please suggest </p>
  
  <pre><code>    &lt;View style={{textTransform: 'lowercase'}}&gt;&lt;YellowBtn label="Go to 
    Dashboard"
                 OnClick={this._redirectCustomerView}/&gt;&lt;/View&gt;
  
  
          _redirectCustomerView = () =&gt; {
              this.props.navigation.navigate('UserHome');
            };
  </code></pre>
  
  <p>// Below is home page </p>
  
  <pre><code> export default class App extends React.Component {
        constructor(props) {
          super(props);
          this.state = { title: 'Hello!', hasFooterPermission: false };
          console.log("Valuueeeeeee");
        }
  
        async componentDidMount() {
          const homeFooter = await hasPermission('clm.360D.fe.restrictedView.allowed');
  
          this.setState({
            hasFooterPermission: homeFooter
          })
        }
  
        onSearchClick = () =&gt; {
          this.props.navigation.navigate('SubscriberSearch');
        };
        componentWillMount(){
          console.log(" Home page dataaaa");
        }
  
  
        render() {
          return (
            &lt;View&gt;
              &lt;ImageBackground source={BG} style={{ width: '100%', height: '100%' }} resizeMode="cover"&gt;
                &lt;View  style={{ paddingTop: 5 , alignContent:'space-between',flexDirection:'row'}}&gt;
                  &lt;View style={{alignSelf: 'flex-start', flex:1}}&gt;
                    &lt;UserAvatar navigationProps={this.props.navigation} avatarSize={40} isTouchable={true}/&gt;
                  &lt;/View&gt;
                  {/* &lt;View style={{alignSelf: 'flex-end'}}&gt;
                    &lt;Icon
                      name="bell-outline"
                      type="MaterialCommunityIcons"
                      style={{ color: '#FFFFFF' }}
                      onPress={() =&gt; Toastr.showToast('No new notifications!', 3000)}
                    /&gt;
                  &lt;/View&gt; */}
                &lt;/View&gt;
  </code></pre>