react-native - 你如何在 react-native-gifted-chat 中自动对焦输入框

Question

我正在使用有天赋的聊天库，并希望在初始渲染时使用键盘自动聚焦输入。我看到有一个命令式函数focusTextInput，但我该如何调用它？

<GiftedChat
  {...props}
  messages={this.state.messages}
  ref={(chat) => this.chat = chat }
  onSend={messages => this.onSend(messages)}
  user={{
      _id: 1,
  }}
/>

Github 回购

我尝试设置ref并直接在安装时调用它，但这没有用。

Answer 1

由于图书馆已经有textInputProps

textInputProps (Object) - 要传递给TextInput

因此，您可以autoFocus使用TextInput

<GiftedChat
      textInputProps={{autoFocus: true}}
      messages={this.state.messages}
      onSend={messages => this.onSend(messages)}
      user={{
             _id: 1,
       }}
  />