title: How do I create a diagonal border in React Native?
body: <p>I'm working on building a React Native app based on designs from our designer.  The design has several places where there are buttons or shapes with one diagonal line (see the following example).  I've tried using <code>SkewX</code> but that just seems to rotate the whole shape (and doesn't seem to work on Android anyway). How can I draw a rectangle/button with a diagonal border on one side? </p>
  
  <p><a href="https://i.stack.imgur.com/DniGC.png" rel="noreferrer"><img src="https://i.stack.imgur.com/DniGC.png" alt="button with diagonal border"></a></p>