TextInput autoFocus [react native] 上未显示键盘

Question

我的应用程序中有这个回复按钮，当用户按下它时，它会将 TextInput autoFocus 更改为 true.我将 autoFocus 值设置为 false 作为默认值并将其保持在一个状态。我看到状态将更改为 true 但它不会打开键盘。

这是我的 TextInput :

<TextInput
    autoFocus={this.state.textInputFocus}
    selectTextOnFocus={true}
    ref={ref => this.textInputRef = ref}
    multiline = {true}
    placeholder="Write a comment ..."
    onChangeText={(postComment) => this.setState({postComment})}
    value={this.state.postComment} />

这是按下回复按钮时改变状态的函数：

_openReplyBox(comment_id, commenter){
    this.setState({ postComment: commenter, textInputFocus: true })
}

Answer 1

根据文档：

autoFocus：如果为true，则将输入集中在componentDidMount上。默认值为 false

您可以使用 refs 来实现相同的功能。

 <TextInput
        ref={"textRef"}
        ...
      />

在打开的回复框中：

_openReplyBox(comment_id, commenter){
    this.refs.textRef.focus();
    this.setState({ postComment: commenter})
}

TextInput autoFocus [react native] 上未显示键盘

Keyboard isn't shown upon TextInput autoFocus [react native]

keyboard

textinput

autofocus

react-native