title: ReactNative TextInput not visible iOS
body: <p>I have the following stripped down render result:</p>
  
  <pre><code>return (
    &lt;View style={{backgroundColor:'red'}}&gt;
      &lt;TextInput value={'Hello'}/&gt;
    &lt;/View&gt;
  );
  </code></pre>
  
  <p>The generated TextInput is not visible in iOS, unless I specify the height, and when using flexDirection:'row' in its container, I need to specify its width as well.</p>
  
  <p>This only happens with iOS, Android seems to work as expected. </p>
  
  <p>Is there a way of displaying a TextInput in iOS without fixed size? </p>
  
  <p>Current dependencies:</p>
  
  <pre><code>  "dependencies": {
      "react-native": "=0.18.1",
      "react-native-orientation": "=1.12.2",
      "react-native-vector-icons": "=1.1.0"
    },
  </code></pre>
  
  <p>iOS: </p>
  
  <p><a href="https://i.stack.imgur.com/bKPlY.png"><img src="https://i.stack.imgur.com/bKPlY.png" alt="enter image description here"></a></p>
  
  <p>Android: </p>
  
  <p><a href="https://i.stack.imgur.com/gg7VC.png"><img src="https://i.stack.imgur.com/gg7VC.png" alt="enter image description here"></a></p>
  
  <p>Changing the render like this: </p>
  
  <pre><code>return (
    &lt;View style={{backgroundColor:'red'}}&gt;
      &lt;Text&gt;text&lt;/Text&gt;
      &lt;TextInput value={'Hello'}/&gt;
    &lt;/View&gt;
  );
  </code></pre>
  
  <p>has the following result:</p>
  
  <p>iOS:</p>
  
  <p><a href="https://i.stack.imgur.com/SEGN0.png"><img src="https://i.stack.imgur.com/SEGN0.png" alt="enter image description here"></a></p>
  
  <p>Android:</p>
  
  <p><a href="https://i.stack.imgur.com/MHzvI.png"><img src="https://i.stack.imgur.com/MHzvI.png" alt="enter image description here"></a></p>