如何在react-native-gifted聊天中呈现快速回复？

npm install react-native-gifted-chat

import { GiftedChat, QuickReplies } from 'react-native-gifted-chat';

this.state = {
  messages: [],
  quickReplies: [],
};

componentDidMount() {
  // 设置快速回复选项
  this.setState({
    quickReplies: [
      {
        title: '是的',
        value: 'yes',
      },
      {
        title: '不',
        value: 'no',
      },
      {
        title: '可能',
        value: 'maybe',
      },
    ],
  });
}

renderQuickReplies() {
  const { quickReplies } = this.state;

  if (quickReplies.length > 0) {
    return (
      <QuickReplies
        replies={quickReplies}
        onQuickReply={(reply) => this.onQuickReply(reply)}
        renderQuickReplySend={() => null} // 如果不需要发送按钮，可以设置为null
      />
    );
  }

  return null;
}

onQuickReply(reply) {
  const { messages } = this.state;

  // 创建一个新的消息对象
  const newMessage = {
    _id: Math.round(Math.random() * 1000000).toString(),
    text: reply.value, // 选择的快速回复选项的值
    createdAt: new Date(),
    user: {
      _id: 1, // 假设当前用户的ID是1
      name: 'User',
    },
  };

  // 更新消息数组
  this.setState((previousState) => ({
    messages: GiftedChat.append(previousState.messages, newMessage),
  }));
}

render() {
  return (
    <GiftedChat
      messages={this.state.messages}
      onSend={(messages) => this.onSend(messages)}
      renderQuickReplies={() => this.renderQuickReplies()}
      // 其他的Gifted Chat配置项
    />
  );
}