title: React native UI is not getting rendered after callback from native event emitter. Even callback having state change
body: <p>I want to navigate the user to another screen in react native project after native app widget click in android. I was able to catch event using native event emitter in my MainView.js and there i changed state of one of my component and it got changed but UI is not getting rendered after this state change. It is showing blank screen and there is not error on the console. Thanks in advance for any help!!</p>
  <pre><code>export default class MainView extends React.Component {
    constructor(props) {
      super(props);
      this.state = {text: 'Hi, This is main screen for app widget!!!'};
    }
    componentDidMount() {
      const eventEmitter = new NativeEventEmitter();
      this.listener = eventEmitter.addListener('MyCustomEvent', (event) =&gt; {
        console.log('MyCustomEvent --&gt;', event);
        console.log('MyCustomEvent ArticleId --&gt;', event.ArticleId);
        if (event.ArticleId === data.articleId) {
                console.log('data ArticleId true', data.articleId);
          //navigation.push('Article Details', data);
          this.setState({
                text: data.articleDes,
              });
               // setText(data.articleDes);
                console.log('text --&gt;', this.state.text);
  
            } else {
          //  setText('No such article found.');
          console.log('text --&gt;', this.state.text);
        }
      });
    }
    componentWillUnmount() {
      this.eventListener.remove(); //Removes the listener
    }
    render() {
      return (
        &lt;View style={{flex: 1}}&gt;
          &lt;Text&gt;{this.state.text}&lt;/Text&gt;
          &lt;Button
            title=&quot;click&quot;
            onPress={() =&gt; this.props.navigation.push('Article Details', data)}
          /&gt;
        &lt;/View&gt;
      );
    }
  }
  </code></pre>
  <p>CustomActivity source code which is launched from appwidget click. From this activity's oncreate, I'm emitting events to react-native main view.</p>
  <pre><code>int articleId = 0;
      if (getIntent() != null) {
          articleId = getIntent().getIntExtra(&quot;articleId&quot;, 0);
          Log.e(&quot;articleid&quot;, &quot;&quot; + articleId);
      }
     //  Put data to map
      WritableMap payload = Arguments.createMap();
      payload.putInt(&quot;ArticleId&quot;, articleId);
  
      // Emitting event from java code
      ReactContext context = getReactNativeHost().getReactInstanceManager().getCurrentReactContext();
      if ( context != null &amp;&amp; context.hasActiveCatalystInstance()) {
          Log.e(&quot;react context&quot;, &quot;not null&quot;);
          (getReactNativeHost().getReactInstanceManager().getCurrentReactContext())
                  .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                  .emit(&quot;MyCustomEvent&quot;, payload);
      }
  </code></pre>