How to know when user dismisses Share option in React Native

Question

I am building an app with Expo that utilizes RN's Share API feature. I have successfully implemented the following to share an image:

Share.share(
{
  message: 'This is a message',
  url: FileSystem.documentDirectory + imageUrlDate
},
{
  dialogTitle: 'Share Today',
  excludedActivityTypes: [
    'com.apple.mobilenotes.SharingExtension',
    'com.apple.reminders.RemindersEditorExtension'
  ]
}

);

What I would like to know is how to use the sharedAction() and dismissedAction() options.

Basically, I want to know whether a user cancels sharing or follows through.

Thanks!

Answer 1

As you can read from the docs, Share.share() returns a Promise and the return action shows you if the user shared or dismissed the dialog. Dismissed action is only for iOS so you might need to write platform specific code if your implementation needs.

In iOS, Returns a Promise which will be invoked an object containing action, activityType. If the user dismissed the dialog, the Promise will still be resolved with action being Share.dismissedAction and all the other keys being undefined.

In Android, Returns a Promise which always be resolved with action being Share.sharedAction.

So you can do something like this,

Share.share({ message: 'This is a message', url: FileSystem.documentDirectory + imageUrlDate },
{
  dialogTitle: 'Share Today',
  excludedActivityTypes: [
    'com.apple.mobilenotes.SharingExtension',
    'com.apple.reminders.RemindersEditorExtension'
  ]
}).then(({action, activityType}) => {
  if(action === Share.dismissedAction) console.log('Share dismissed');
  else console.log('Share successful');
});