Question

我想在RN应用程序中使文本输入为只读。我试图设置可编辑的道具，但无法正常工作。我该如何实现？

<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}
 />

将可编辑的false设置为只读TextInput。

Answer 2

更好的readonly文本输入：

<View pointerEvents="none">
  <TextInput value="I am read only" editable={false} />
</View>

https://facebook.github.io/react-native/docs/view#pointerevents

将本机TextInput设为只读

2 个答案: