Social Sharing in Ionic 2 With Ionic Native

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.

Search

🔎 Searching...