键盘在文本输入自动对焦上不显示 [本机反应]

Question

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

这是我的文本输入：

<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

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

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

在 openReplyBox 中：

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