ReactNative TextInput not visible iOS : <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>
