react-native - 我必须使用哪种方法来调用自动关注 stream-chat-react-native 的 messageInput

Question

我会在打开频道屏幕时对流聊天反应原生消息输入应用自动对焦。但我找不到匹配的功能。SDK：https ://github.com/GetStream/stream-chat-react-native 为了以编程方式应用焦点，我应该怎么做？

标签： react-nativegetstream-io

Answer 1

将自动对焦设置为您的 InputComponent。首先，您需要为此任务使用类组件，因为使用功能组件您无法引用您的 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 将专注于