Как получить текст из MKTextField

Question

Здравствуйте, я использую плавающую метку (MKTextField) в родном приложении React. Я хочу знать, как получить текст из него. Я пытался посмотреть онлайн, но не смог найти его.

Использование комплекта реагирующих материалов "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();