在react-native-gifted chat中添加聊天名称,可以通过以下步骤实现:
npm install react-native-gifted-chat --save
import { GiftedChat } from 'react-native-gifted-chat';
state = {
messages: [],
chatName: '聊天名称',
};
render() {
return (
<GiftedChat
messages={this.state.messages}
onSend={messages => this.onSend(messages)}
user={{
_id: 1,
name: this.state.chatName,
}}
/>
);
}
onSend(messages = []) {
this.setState(previousState => ({
messages: GiftedChat.append(previousState.messages, messages),
}));
}
componentDidMount() {
this.setState({ chatName: '新的聊天名称' });
}
这样,你就成功地在react-native-gifted-chat中添加了聊天名称。你可以根据需要自定义聊天名称,并根据实际情况修改代码中的其他部分。
领取专属 10元无门槛券
手把手带您无忧上云