Social Sharing

Share text, images and url with various apps in your device

Every app requires sharing in one way or another. Social Sharing plugin allows you to use the native sharing window of your mobile device.

• Works on Android, version 2.3.3 and higher (probably 2.2 as well).

• Works on iOS6 and up.

• Works on Windows Phone 8 since v4.0 of this plugin (maybe even WP7, but I have no such testdevice).

• Share text, a link, a images (or other files like pdf or ics). Subject is also supported, when the receiving app supports it.

• Supports sharing files from the internet, the local filesystem, or from the www folder.

• You can skip the sharing dialog and directly share to Twitter, Facebook, or other apps.

Install the plugin

$ ionic cordova plugin add cordova-plugin-x-socialsharing
$ npm install @ionic-native/social-sharing

and import the plugin in your pages

import { SocialSharing } from '@ionic-native/social-sharing/ngx';

constructor(private socialSharing: SocialSharing) { }

In Ionic 5 Full App, this plugin's implementation can be found at src/app/pages/addons3/social-share

Social sharing page with various sharing options

Sharing with Whatsapp

this.socialSharing.shareViaWhatsApp(text, image, url).then((res) => {
  // Success
}).catch((e) => {
  // Error!
});

You can share text, images or url. If any data is missing, use null in its place.

Sharing with Instagram

this.socialSharing.shareViaInstagram(text, image).then((res) => {
  // Success
}).catch((e) => {
  // Error!
});

Sharing with Facebook

this.socialSharing.shareViaFacebook(text, image, url).then((res) => {
  // Success
}).catch((e) => {
  // Error!
});

Text may be ignored by Facebook, as it often does not allow preset text to be filled in Facebook posts or shares.

Sharing with Twitter

this.socialSharing.shareViaTwitter(text, image, url).then((res) => {
  // Success
}).catch((e) => {
  // Error!
});

Sharing with Email

Check if email sharing is possible

this.socialSharing.canShareViaEmail().then((res) => {
  // Success
}).catch((e) => {
  // Error!
});

And then share with email

this.socialSharing.shareViaEmail(body, subject, ['[e-mail]']).then((res) => {
  // Success
}).catch((e) => {
  // Error!
})