title: how do you style Text children in React Native with styled components?
body: <p>so if I have this</p>
  <pre><code>const MyView = styled.View`
      background: green;
      color: red;
  `
  </code></pre>
  <p>and I have</p>
  <pre><code>&lt;MyView&gt;
    &lt;Text&gt; Hello &lt;/Text&gt;
  &lt;/MyView&gt;
  </code></pre>
  <p>the text is not red</p>
  <p>so I tried</p>
  <pre><code>const MyView = styled.View`
      background: green;
      &amp; &gt; Text { color: red; }
  `
  </code></pre>
  <p>you can do this with normal styled-components in React, however the text is still not red</p>
  <p>how do I achieve this?</p>
  <p>I know I can do</p>
  <pre><code>const StyledText = styled.Text`
      color: red;
  `
  </code></pre>
  <p>and then</p>
  <pre><code>    &lt;MyView&gt;
        &lt;StyledText&gt; Hello &lt;/StyledText&gt;
      &lt;/MyView&gt;
  </code></pre>
  <p>but I want to avoid this if I can. is it possible to access Text child elements in RN?</p>