title: How to share image on social media from ionic3
body: <p>I created a New Project in <code>ionic3</code> </p>
  
  <p>In My Project; Firstly, I save the image into Database using PHP</p>
  
  <p>Then I retrieve all images from database and display in ionic <code>photo.html</code> using <code>photo.ts</code> </p>
  
  <p>It works successfully.But I need to add sharing options in ionic3.</p>
  
  <p>If users click the share button, that particular image will share on users social media(fb, twitter, whatsapp). How to do this?</p>
  
  <p><b>Here is html code</b></p>
  
  <p><b>photo.html</b></p>
  
  <pre><code>&lt;ion-header&gt;
  &lt;ion-navbar&gt;
  &lt;ion-title&gt;photo&lt;/ion-title&gt;
  &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  &lt;ion-content padding&gt;
  &lt;ion-grid&gt;  
  &lt;ion-item *ngFor="let item of items"&gt;
  &lt;ion-row align-items-stretch&gt;
  &lt;ion-col col-12 col-md-6 align-self-stretch align-self-center  
  approxItemHeight="457px"&gt;
               &lt;ion-card class="card"&gt;
         &lt;img src="http://xxxxxx.com/imgshare/{{item.img}}" height="200" 
  width="200"&gt;
          &lt;button ion-button color="lightText" 
  (click)="share(item)"&gt;share&lt;/button&gt;
  &lt;/ion-card&gt;      
  &lt;/ion-col&gt;
  &lt;/ion-row&gt;
  &lt;/ion-item&gt;
  &lt;/ion-grid&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p><b>photo.ts</b></p>
  
  <pre><code>import { Component } from '@angular/core';
  import { IonicPage, NavController, NavParams } from 'ionic-angular';
  import { HttpClient } from '@angular/common/http';
  import { SocialSharing } from '@ionic-native/social-sharing';
  @IonicPage()
  @Component({
  selector: 'page-photo',
  templateUrl: 'photo.html',
  })
  export class PhotoPage {
  public items : Array&lt;any&gt; = [ ];  
  constructor(public navCtrl: NavController, public navParams: NavParams, 
  public http: HttpClient, private socialSharing: SocialSharing) {
  }
  ionViewDidLoad() {
  console.log('ionViewDidLoad PhotoPage');
  }
     ionViewWillEnter() : void
  {
    this.load();
  }
  load() : void
  {
    this.http
    .get('http://xxxx.com/imgshare/retrieve.php')
    .subscribe((data : any) =&gt;
    {
       console.dir(data);
       this.items = data;
       console.log(this.items[0].img);
  
    },
    (error : any) =&gt;
    {
       console.dir(error);
    });
  }
  }
  </code></pre>