social_share_plugin

Description:

social share plugin

Social Share Flutter Plugin #


Developed with 💙 by





Social Share to Facebook and Instagram and Twitter.
Getting Started #
To get things up and running, you'll have to declare a pubspec dependency in your Flutter project.
Also some minimal Android & iOS specific configuration must be done, otherise your app will crash.
Open or Create your Flutte Project #
See the installation instructions on pub.
Android #
In addition, you need to do the following:

Get a Facebook App ID properly configured and linked to your Android app. See Android Getting Started, Add Facebook App ID.
Generate an Android Key Hash and add it to your developer profile
Add a FacebookActivity and include it in your AndroidManifest.xml

For details on these requirements, see Android - Getting Started.
After you've done that, find out what your Facebook App ID is. You can find your Facebook App ID in your Facebook App's dashboard in the Facebook developer console.
Once you've got the Facebook App ID, you'll have to do couple of preparation moves.
Add permission to allow package manager query if app is installed, should be added to the manifest root tag
<uses-permission android:name="android.permission.GET_PACKAGE_SIZE"/>
copied to clipboard
Add queries as childs of manifest root tag also
<queries>
<package android:name="com.twitter.android" />
<package android:name="com.facebook.katana" />
<package android:name="com.instagram.android" />
</queries>
copied to clipboard
I prefer to pass this ID to manifest throght gradle manifestPlaceholders. You can choose any way you like, just to be sure put the ID in correct places, like in example below. Put all these inside the application tag and your Facebook App ID instead of ${facebookAppId} variable
<meta-data android:name="com.facebook.sdk.ApplicationId" android:value="${facebookAppId}"/>

<meta-data android:name="com.facebook.sdk.ApplicationName" android:value="${applicationName}"/>

<activity android:name="com.facebook.FacebookActivity" android:configChanges="keyboard|keyboardHidden|screenLayout|screenSize|orientation" android:label="${applicationName}" />

<provider android:authorities="com.facebook.app.FacebookContentProvider${facebookAppId}" android:name="com.facebook.FacebookContentProvider" android:exported="true"/>

<provider android:name="androidx.core.content.FileProvider" android:authorities="${applicationId}.social.share.fileprovider" android:grantUriPermissions="true" android:exported="false">
<meta-data android:name="android.support.FILE_PROVIDER_PATHS" android:resource="@xml/provider_paths"/>
</provider>
copied to clipboard
Need to add these variables to string resources as well, i've added them from gradle with resValue.
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">Example</string>
<!-- Replace "000000000000" with your Facebook App ID here. Same to the secret -->
<string name="facebook_app_id">000000000000</string>
<string name="facebook_client_token">00000000000000000000000000000000</string>
</resources>
copied to clipboard
And the last one is our provider paths:

<your project root>/android/app/src/main/res/xml/provider_paths.xml

<?xml version="1.0" encoding="utf-8"?>
<paths xmlns:android="http://schemas.android.com/apk/res/android">

<cache-path
name="cache_files"
path="/"/>
</paths>
copied to clipboard
iOS #
Before you add sharing to your app you need to:

Add the Facebook SDK for iOS to your mobile development environment
Configure and link your Facebook app ID
Add your app ID, display name, and human-readable reason for photo access to your app's .plist file.

After you've done that, find out what your Facebook App ID is. You can find it out in your Facebook App's dashboard in the Facebook developer console.
Once you've got the ID, then you'll just have to copy-paste the following to your Info.plist file, before the ending </dict></plist> tags.

<your project root>/ios/Runner/Info.plist

<key>CFBundleURLTypes</key>
<array>
<dict>
<key>CFBundleURLSchemes</key>
<array>
<!--
Replace "000000000000" with your Facebook App ID here.
**NOTE**: The scheme needs to start with `fb` and then your ID.
-->
<string>fb000000000000</string>
</array>
</dict>
</array>

<key>FacebookAppID</key>

<!-- Replace "000000000000" with your Facebook App ID here. -->
<string>000000000000</string>
<key>FacebookDisplayName</key>

<!-- Replace "YOUR_APP_NAME" with your Facebook App name. -->
<string>YOUR_APP_NAME</string>

<key>LSApplicationQueriesSchemes</key>
<array>
<string>instagram</string>
<string>fbapi</string>
<string>fb-messenger-share-api</string>
<string>fbauth2</string>
<string>fbshareextension</string>
<string>twitter</string>
</array>
copied to clipboard
Congratulations! We've just finished setup!!
How do I use it? #
Instagram #
import 'package:social_share_plugin/social_share_plugin.dart';
File file = await imagePicker.pickImage(source: ImageSource.gallery);
await shareToFeedInstagram(path: file.path);
copied to clipboard
Facebook #
import 'package:social_share_plugin/social_share_plugin.dart';
final file = await imagePicker.pickImage(source: ImageSource.gallery);
await shareToFeedFacebook(path: file.path);
await shareToFeedFacebookLink(quote: 'quote', url: 'https://flutter.dev');
copied to clipboard
Twitter #
import 'package:social_share_plugin/social_share_plugin.dart';
await shareToTwitterLink(text: 'text', url: 'https://flutter.dev');
copied to clipboard
That's it, thank you for paying attention!
Generated by the Very Good CLI 🤖