react-native - 使 native TextInput 成为只读

Question

我想在我的 RN 应用程序中只读文本输入。我试图设置可编辑的 Prop ，但它无法正常工作。我怎样才能做到这一点？

<DetailInput
  inputStyle={styles.inputStyles} 
  height={120}
  width={width - 40}
  multiline={true}
  numberOfLines={6}
  underlineColorAndroid="transparent"
  maxLength={500}
  editable={!userRegistrationInProgress}
  onChangeText={value => this.statementChangedHandler(value)}
/>

const detailInput = props => {

    return (
      <TextInput
        {...props}
        style=
          {[
            props.inputStyle,
            { height: props.height, width: props.width},
            !props.valid && props.touched ? props.invalidInput : null
          ]}
      />
    );
}

export default detailInput;

Answer 1

 <TextInput
    value = "Read Only"
    editable = {false}
 />

将 editable false 设置为只读 TextInput。