title: Can style be applied on nested React Native components by passing it as prop to the parent component?
body: <p>Let's say I have a layout like this:</p>
  
  <pre><code>&lt;Container&gt;
      &lt;Name&gt; 
          {name}
      &lt;/Name&gt;
      &lt;City&gt;
          {city}
      &lt;/City&gt;
  &lt;/Container&gt;
  </code></pre>
  
  <p>and here the expected output is name and city to be aligned to the left. I want another component in which those 2 components will be centrally aligned. I know that I can use <code>textAlign='center'</code> directly on Name and City, but what I want is to set that property in the parent Container, because if I had 10 nested elements and all of them should be centrally aligned, I would prefer not to write the same style property for all components. </p>
  
  <p>Ideally I would have something like:</p>
  
  <pre><code>&lt;Container textAlignChildren='center'&gt;
     ...
  &lt;/Container&gt;
  </code></pre>