title: Text with solid shadow in React-Native
body: <p>I am working on an application and trying to achieve solid shadow (as per the design Requirement) in React-Native, that look like in the below image.</p>
  
  <p><a href="https://i.stack.imgur.com/JWgas.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JWgas.png" alt="enter image description here"></a></p>
  
  <p><strong>NOTE: I can not use image as this is a multilingual application.</strong></p>
  
  <p>What did i try.</p>
  
  <p>I tried to add shadow on the text background but that look like this:-</p>
  
  <p><strong>style code:</strong></p>
  
  <pre><code>{
      textShadowColor: 'rgba(255, 255, 255, 1)',
      textShadowOffset: { width: 1, height: 1 },
      textShadowRadius: 5,
      fontWeight:'bold',
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/b22cN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b22cN.png" alt="enter image description here"></a></p>
  
  <p>then i tried borderWidth, it also did not work, that works on the component border.</p>
  
  <p><strong>style code:</strong></p>
  
  <pre><code>{
      textShadowColor: 'rgba(255, 255, 255, 1)',
      textShadowOffset: { width: 1, height: 1 },
      textShadowRadius: 5,
      fontWeight:'bold', 
      borderWidth:1,
      borderColor:'white'
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/gIYgh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gIYgh.png" alt="enter image description here"></a></p>
  
  <p>Both did not work for me. No one is even closer to the design. Is there any solution for the same?
  Or it can not be achieved in React-Native.</p>