title: Change margin from child component from parent component
body: <p>I'm learning react-native and I'm using styled-components.<br/>
  In react-native I know its possible to make a component with some style and than the parent can add some extra style like this: <br/>
  Parent.js</p>
  
  <pre><code>&lt;CardSection style={{ flexDirection: 'column' }}&gt;
  </code></pre>
  
  <p>Child.js</p>
  
  <pre><code>&lt;View style={[styles.containerStyle, props.style]} &gt;
  </code></pre>
  
  <p>Then the flexDirection is automatic added to the containerStyle for that element in the parant.<br/>
  Is there anyway todo something like this in styled-components?</p>