android - 如何在 React Native 中将焦点或光标设置在 TextInput 上

Question

我正在使用 React Native 的 TextInput 组件。我想在 onPress 函数中设置焦点。

<TextInput
  ref="messageTextInput"
  style={{
    height: 40,
    width: "100%",
    borderColor: "gray",
    borderWidth: 1,
    marginTop: 8
  }}
  underlineColorAndroid="transparent"
  placeholder={strings.enter_your_message}
  onChangeText={text => this.setState({ text })}
/>

_onPress(navigate) {
  try {
    if (!this.state.text.trim()) {
      Alert.alert(strings.app_name, strings.validate_text);
      this.messageTextInput.focus();
    }
  } catch (error) {
    console.log(error);
  }
}

它不会在 messageTextInput 上设置焦点或光标。有谁知道如何在 native react 中做到这一点？

Answer 1

你能试试吗:

this.refs.messageTextInput.focus();

我是这样用的示例:(删除了 TextInput 的额外代码)

<TextInput
    onSubmitEditing={() => {
        this.refs.PasswordInput.focus();
    }}
/>
<TextInput
    ref='PasswordInput'
/>