I hade add onLongPress to GiftedChat component like this
<GiftedChat
onLongPress={this.onLongPress}
....
....
/>
onLongPress returns context, message. Then you can show an ActionSheet and add the logic to delete and copy.
onLongPress(context, message) {
console.log(context, message);
const options = ['copy','Delete Message', 'Cancel'];
const cancelButtonIndex = options.length - 1;
context.actionSheet().showActionSheetWithOptions({
options,
cancelButtonIndex
}, (buttonIndex) => {
switch (buttonIndex) {
case 0:
Clipboard.setString(this.props.currentMessage.text); this code not work and brokes my app :(
break;
case 1:
//code to delete
break;
}
});
}
here i have the send propperties of code:
sendBotResponse(text) {
let msg = {
_id: this.state.messages.length + 1,
text,
//createdAt: new Date(Date.UTC(2019, 5, 11, 17, 20, 0)),
createdAt: new Date(),
user: BOT_USER,
};
this.setState(previousState => ({
messages: GiftedChat.append(previousState.messages, [msg]),
}));
}
handleGoogleResponse(result) {
console.log(result);
let text = result.queryResult.fulfillmentMessages[0].text.text[0];
this.sendBotResponse(text);
}
onSend(messages = []) {
this.setState(previousState => ({
messages: GiftedChat.append(previousState.messages, messages),
}));
let message = messages[0].text;
Dialogflow_V2.requestQuery(
message,
result => this.handleGoogleResponse(result),
error => console.log(error)
);
}
but i have no success, someone can help me to to this piece of code? ps. I am using DIALOGFLOW
change this.props.currentMessage.text
to messages.text
create the following function:
onDelete(messageIdToDelete) {
this.setState(previousState =>
({ messages: previousState.messages.filter(message => message.id !== messageIdToDelete) }))
}
onLongPress(context, message) {
console.log(context, message);
const options = ['copy','Delete Message', 'Cancel'];
const cancelButtonIndex = options.length - 1;
context.actionSheet().showActionSheetWithOptions({
options,
cancelButtonIndex
}, (buttonIndex) => {
switch (buttonIndex) {
case 0:
Clipboard.setString(message.text);
break;
case 1:
this.onDelete(messageIdToDelete) //pass the function here
break;
}
});
}
hi, thank you for your help!! any idea how to do a logic to delete message?
do you want to delete message from the screen or from the backend server I'm assuming you have a backend server setup to save the messages on some database
just the screen of the user
onDelete(messageIdToDelete) { this.setState(previousState => ({ messages: previousState.messages.filter(message => message.id !== messageIdToDelete) })) }
create this function and pass it as
case 1: this.onDelete(messageIdToDelete)