title: ReactNative TextInput not letting me type
body: <p>For both iOS and Android simulators</p>
  
  <p>The text just disappears/flickers when I start typing. I tried having an initial state of texts with some value instead of keeping it empty. With this the TextInput sticks to this initial state and does not update itself with new text entered.</p>
  
  <p>I think the state is not updating with 'onChangeText' property, but I am not completely sure. </p>
  
  <p>People have seem to solve this, as they had few typos or missing pieces in code. However I have checked mine thoroughly.</p>
  
  <p>Please help if I have missed anything in the below code.</p>
  
  <p><strong>LoginForm.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import { Card, Button, CardSection, Input } from './common';
  
  class LoginForm extends Component {
  
    state = { email: '', password: '' }
  
    render() {
      return (
        &lt;Card&gt;
          &lt;CardSection&gt;
            &lt;Input
              label="Email"
              placeHolder="user@gmail.com"
              onChangeText={text =&gt; this.setState({ email: text })}
              value={this.state.email}
            /&gt;
          &lt;/CardSection&gt;
  
          &lt;CardSection&gt;
            &lt;Input
              secureTextEntry
              label="Password"
              placeHolder="password"
              onChangeText={text =&gt; this.setState({ password: text })}
              value={this.state.password}
            /&gt;
          &lt;/CardSection&gt;
  
          &lt;CardSection&gt;
            &lt;Button&gt;
              Log In
            &lt;/Button&gt;
          &lt;/CardSection&gt;
        &lt;/Card&gt;
      );
    }
  }
  
  export default LoginForm;
  </code></pre>
  
  <p><strong>Input.js</strong></p>
  
  <pre><code>import React from 'react';
  import { TextInput, View, Text } from 'react-native';
  
  const Input = ({ label, value, onChangeText, placeholder, secureTextEntry }) =&gt; {
    const { inputStyle, labelStyle, containerStyle } = styles;
  
    return (
      &lt;View style={containerStyle}&gt;
        &lt;Text style={labelStyle}&gt;{label}&lt;/Text&gt;
        &lt;TextInput
          secureTextEntry={secureTextEntry}
          placeholder={placeholder}
          autoCorrect={false}
          style={inputStyle}
          value={value}
          onChangeText={onChangeText}
        /&gt;
      &lt;/View&gt;
    );
  };
  
  const styles = {
    inputStyle: {
      color: '#000',
      paddingRight: 5,
      paddingLeft: 5,
      fontSize: 18,
      lineHeight: 23,
      flex: 2
    },
    labelStyle: {
      fontSize: 18,
      paddingLeft: 20,
      flex: 1
    },
    containerStyle: {
      height: 40,
      flex: 1,
      flexDirection: 'row',
      alignItems: 'center'
    }
  };
  
  export { Input };
  </code></pre>