title: Using display none instead of condition state rendering
body: <p>I m trying to use conditional rendering (in this specific case) that would allow me to make something like :</p>
  
  <pre><code>&lt;Image
      source={{ uri: "https://images4.alphacoders.com/221/221716.jpg" }}
      style={this.state.isLoaded ? styles.loaded : { display: "none" }}
      onLoadEnd={() =&gt; {
      console.log("test"), this.setState({ isLoaded: true });
      }}
  /&gt;
  </code></pre>
  
  <p>The main problem is that React Native doesn't seem to be able to use its internal lifecycle functions when the <code>display: none</code> style is used, and thus doesn't call <code>onLoadEnd</code>. It doesn't log anything.</p>
  
  <p>I don't have any idea how to encounter this problem while using <code>display</code> style props</p>