reactjs - 如何从 MKTextField 获取文本

Question

您好，我在 React 本机应用程序中使用浮动标签 (MKTextField)。我想知道如何从中获取文本。我试图在网上查找，但找不到。

使用反应原生材料套件"react-native-material-kit": "^0.5.1",

你能建议吗

谢谢R

<TextfieldWithFloatingLabel_Card ref="tiNumber"/>

const TextfieldWithFloatingLabel_Card = MKTextField.textfieldWithFloatingLabel()
.withPlaceholder('Last 4 digits of your dopay card')
.withStyle(styles.textfieldWithFloatingLabel)
.withTextInputStyle({flex: 1})
.withFloatingLabelFont({
  fontSize: 12,
  fontWeight: '200',
  color: colors.primaryColor
})
.withKeyboardType('numeric')
.build();

Answer 1

有多种获取文本的道具。考虑下面的代码

<TextfieldWithFloatingLabel_Card ref="tiNumber"/>

const TextfieldWithFloatingLabel_Card = MKTextField.textfieldWithFloatingLabel()
.withPlaceholder('Last 4 digits of your dopay card')
.withStyle(styles.textfieldWithFloatingLabel)
.withTextInputStyle({flex: 1})
.withFloatingLabelFont({
  fontSize: 12,
  fontWeight: '200',
  color: colors.primaryColor
})
.withKeyboardType('numeric')
.withOnEndEditing((e) => console.log('EndEditing', e.nativeEvent.text))
.withOnSubmitEditing((e) => console.log('SubmitEditing', e.nativeEvent.text))
.withOnTextChange((e) => console.log('TextChange', e))
.withOnChangeText((e) => console.log('ChangeText', e))
.build();