title: Make view 80% width of parent in React Native
body: <p>I'm creating a form in React Native and would like to make my <code>TextInput</code>s 80% of the screen width.</p>
  
  <p>With HTML and ordinary CSS, this would be straightforward:</p>
  
  <pre><code>input {
      display: block;
      width: 80%;
      margin: auto;
  }
  </code></pre>
  
  <p>Except that React Native doesn't support the <code>display</code> property, percentage widths, or auto margins.</p>
  
  <p>So what should I do instead? There's <a href="https://github.com/facebook/css-layout/issues/57#issuecomment-102148200" rel="noreferrer">some discussion of this problem</a> in React Native's issue tracker, but the proposed solutions seem like nasty hacks.</p>