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

Question

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

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

Github Repo

我尝试设置 ref 并在 did mount 上直接调用它，但这没有用。

Answer 1

因为库已经有了textInputProps

textInputProps (Object) - Extra props to be passed to the TextInput

因此您可以使用 autoFocus TextInput

的 Prop

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