Table of Contents
URL: https://www.progressiverobot.com/ionic-social-sharing-ionic/
Social Sharing is a plugin that's available as part of Ionic Native and it allows to easily add native sharing functionality to your apps. Here's how it's done:
First install the Social Sharing Ionic Native plugin from the command line:
$ ionic plugin add cordova-plugin-x-socialsharing
Then import it in your component:
import { SocialSharing } from 'ionic-native';
Here's how you would use it with the <^>shareWithOptions()<^> method available with the Social Sharing plugin. shareWithOptions() triggers the device's native share sheet:
shareRecipe() {
SocialSharing.shareWithOptions({
message: `${this.title} - ${this.description}: ${this.recipeUrl}`
}).then(() => {
console.log('Shared!');
}).catch((err) => {
console.log('Oops, something went wrong:', err);
});
}
The markup in your template can then look something like this:
<button ion-button (click)="shareRecipe()">
<ion-icon name="share"></ion-icon>
</button>
This is one feature that you'll want to test out on a real device. There are also a number of additional methods available to test if sharing is possible or to share to specific channels. See the official documentation.
