我必须使用哪种方法来自动聚焦于stream-chat-react-native的messageInput

问题描述

当打开频道屏幕时，我将对流聊天反应本机消息输入应用自动对焦。 但是我找不到匹配的函数。 SDK：https://github.com/GetStream/stream-chat-react-native 为了以编程方式应用焦点，我该怎么办？

解决方法

要将自动对焦设置为InputComponent。首先，您需要使用Class Component来完成此任务，因为使用功能组件，您将无法引用InputComponent。例如：

class Header extends React.Component {
  editText = null;
  const getRef = input = > {
    this.editText = input;
  }
  
  render() {

    if (this.editText) {
      this.editText.focus();
    }

    return (
      <SomeInputComponent
        placeholder="Поиск"
        onChangeText={text => onChangeText(text)}
        onBlur={e => onBlur(false)}
        ref={ref => this.getRef(ref)}
      />
    )
  }
}

因此，您的InputComponent将成为焦点f