title: override react native style
body: <p>I want to override some sub-component of style in react native.like -
  I have created an style <code>CircleShapeView</code></p>
  
  <pre><code> const styles = StyleSheet.create({
        CircleShapeView: {
          width: 50,
          height: 50,
          borderRadius: 50/2,
          backgroundColor: '#000'
      },
      });
  </code></pre>
  
  <p>I want change <code>backgroundColor</code> ,when i am usins this style. some thing like this.</p>
  
  <pre><code>&lt;Image
  style={backgroundColor: "#fff", styles.CircleShapeView}                   
  ...
  /&gt;  
  </code></pre>
  
  <p>What is right way to do it?                    </p>