title: Pass property to component
body: <p>I have simple footerTab where I would like to show badge if there is notifications.</p>
  
  <pre><code>&lt;Button active={ this.props.ui.selectedTab === 'notifications' ? true : false } 
          onPress={ () =&gt; this.selectedTab('notifications') }
          { ...this.props.ui.notifications ? badge : null }    
  &gt;
          { this.props.ui.notifications ? 
            &lt;Badge&gt;&lt;Text style={{ color:'white' }}&gt;{this.props.ui.notifications}&lt;/Text&gt;&lt;/Badge&gt; : null
          }
          &lt;Icon name='md-notifications' /&gt;
  &lt;/Button&gt;
  </code></pre>
  
  <p>With this code I'm getting 'badge is not defined'</p>
  
  <p>How I can pass that badge property for Button ?</p>