如何自定义消息气泡以在反应原生天才聊天中还包括用户名和消息时间？

Question

我在 react native 中使用 gifted chat 库，但默认视图仅显示头像和气泡中的消息。我正在建立一个群聊，我还想在每个气泡中显示用户的姓名以及发送消息的时间。

我添加了renderMessage(props) {...} 属性，如果我在这里返回一个自定义View 和Text，我可以显示用户名，但我丢失了库已经制作的所有格式。

有没有一种方法可以切换以显示消息的user.name，而无需从头开始重建所有样式？我没有在文档中找到类似的内容，我认为这会很有帮助。

Answer 1

您可以在 GiftedChat 组件中使用renderUsernameOnMessage={true}