title: React Native component opacity not updating when props updated
body: <p>I have a React Native child component, which renders a button in a semi-transparent state if the <code>disabled</code> prop is set to true. The prop is likely to be updated after the app initially loads (once it has got its data), so will not be the initial state of the component. </p>
  
  <p>I can see that once I interact with the button it changes its state, but for some reason not before. I can see, both from the logs and from the <code>onPress</code> behaviour, that the prop is updating. I've tried different approaches but none seemed to fix the issue. </p>
  
  <pre><code>class TestButton extends React.Component {
  
    constructor(props) {
      super(props);
    }
  
    render() {
      const buttonOpacity = (this.props.disabled  ? disabledOpacity : 1.0);
      console.log ("test disabled", this.props.disabled, buttonOpacity);
  
      return (
        &lt;BubbleText style={{opacity: buttonOpacity}} onPress={
          () =&gt; ! this.props.disabled &amp;&amp; doSomething() }&gt;
            { this.props.testNumber }
        &lt;/BubbleText&gt;
      );
    }
  }
  </code></pre>