title: Adding a solid stroke to Text
body: <p>I am trying to add a thick solid stroke to some Text in React Native. I've added a snippet with the desired CSS.</p>
  
  <p>I've tried directly applying the CSS via styled-components but I get an error stating that my value is unable to be parsed.</p>
  
  <pre class="lang-js prettyprint-override"><code>const Title = styled.Text`
    text-shadow: 2px 2px 0px  #000, -2px -2px 0px  #000, 2px -2px 0px  #000, -2px 2px 0px  #000;
  `;
  </code></pre>
  
  <p>I have tried using <code>textShadow</code> but this does not apply a solid stroke. This prop relies on a width and height prop for an offset. </p>
  
  <p>Here's a snack for example - <a href="https://snack.expo.io/@hannigan/ba7574" rel="noreferrer">https://snack.expo.io/@hannigan/ba7574</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>h1 {
    text-shadow: 2px 2px 0px  #000, -2px -2px 0px  #000, 2px -2px 0px  #000, -2px 2px 0px  #000;
    color: white;
    font-family: 'Arial';
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;Hello World&lt;/h1&gt;</code></pre>
  </div>
  </div>
  </p>