OStack程序员社区-中国程序员成长平台

标题: android - 如何在 native react 中在 TextInput 上设置焦点或光标 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 02:33
标题: android - 如何在 native react 中在 TextInput 上设置焦点或光标

我正在使用 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 中做到这一点？

---

Best Answer-推荐答案

你可以试试:

this.refs.messageTextInput.focus();

我是这样使用的 例子去掉TextInput的额外代码)

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

关于android - 如何在 native react 中在 TextInput 上设置焦点或光标，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45812155/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4