title: Style Inheritance of React Native
body: <p>Let's say we have <code>&lt;View&gt;</code> like so:</p>
  
  <pre><code>&lt;View&gt;
      &lt;Text h4 style={{color: theme.colors.success}}&gt;Heading&lt;/Text&gt;
      &lt;Text&gt;Normal text&lt;/Text&gt;
      &lt;Text style={{color: theme.colors.warning}}&gt;Warning text&lt;/Text&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>I need every child of the <code>&lt;View&gt;</code> to be centered in that View.</p>
  
  <p>I tried adding <code>style={{textAlign: 'center'}}</code> to parent <code>&lt;View&gt;</code> but it does not working.</p>
  
  <p>How to do it and not manually add <code>style={{textAlign: 'center'}}</code> to each child component?</p>