title: Making a react-native TextInput readonly
body: <p>I want to make a text input readonly in my RN application. I tried to set editable prop but it did not work properly. How can I achieve this?</p>
  
  <pre><code>&lt;DetailInput
    inputStyle={styles.inputStyles} 
    height={120}
    width={width - 40}
    multiline={true}
    numberOfLines={6}
    underlineColorAndroid="transparent"
    maxLength={500}
    editable={!userRegistrationInProgress}
    onChangeText={value =&gt; this.statementChangedHandler(value)}
  /&gt;
  
  const detailInput = props =&gt; {
  
      return (
        &lt;TextInput
          {...props}
          style=
            {[
              props.inputStyle,
              { height: props.height, width: props.width},
              !props.valid &amp;&amp; props.touched ? props.invalidInput : null
            ]}
        /&gt;
      );
  }
  
  export default detailInput;
  </code></pre>