title: How to override component's style?
body: <p>Hi i'm new to React Native. I created a Button component for using it everywhere. I just want to change style values on every screen. How can i override it?</p>
  
  <p>These are my codes:</p>
  
  <p>Component:</p>
  
  <pre><code>        &lt;View style={styles.container}&gt;
              &lt;TouchableOpacity
                  style={styles.button}
                  onPress={this.onButtonPressed}
              &gt;
                  &lt;Text style={styles.text}&gt;{this.props.children}&lt;/Text&gt;
              &lt;/TouchableOpacity&gt;
          &lt;/View&gt;
  </code></pre>
  
  <p>Component Style:</p>
  
  <pre><code>button: {
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: "rgba(65, 99, 12, 0.7)",
      zIndex: 100,
  }
  </code></pre>
  
  <p>Login screen:</p>
  
  <pre><code>                &lt;Button style={styles.button || styles.registerButton}&gt;
                      &lt;Text&gt;Register&lt;/Text&gt;
                  &lt;/Button&gt;
  </code></pre>
  
  <p>Login Style:</p>
  
  <pre><code>registerButton: {
      backgroundColor: 'rgba(65, 87, 159, 0.7)',
      width: 140,
      height: 28,
  }
  </code></pre>