react-native-receive-sharing-intent:一个React Native插件，使React Nati...

# react-native-receive-sharing-intent A React Native plugin that enables React Native apps to receive sharing photos, videos, text, urls or any other file types from another app. Also, supports iOS Share extension and launching the host app automatically. Check the provided example for more info. ## Demo | Android | Ios | | :---: | :---: | | <img height="400" src="https://raw.githubusercontent.com/ajith-ab/react-native-receive-sharing-intent/master/doc/android.gif" />| <img height="400" src="https://raw.githubusercontent.com/ajith-ab/react-native-receive-sharing-intent/master/doc/ios.gif" /> | ## Installation #### Npm ```bash $ npm install react-native-receive-sharing-intent --save ``` #### Yarn ```bash $ yarn add react-native-receive-sharing-intent ``` #### ios ```bash $ cd ios && pod install ``` ### Mostly automatic installation less than React Native `0.60.0` `$ react-native link react-native-receive-sharing-intent` Note: `Ios and Android on Debbuging time not working at sometimes while App is Closed` ### Android ` <Project_folder>/android/app/src/main/manifest.xml ` ```xml <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example"> .... <!--TODO Add this Line --> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> <application .... > <activity .... android:launchMode="singleTask"> <!--TODO IMPORTANT.set launchMode -> singleTask Recommended --> ..... <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE" /> <!--TODO: Add this filter, if you want support opening urls into your app--> <data android:scheme="https" android:host="example.com" android:pathPrefix="/invite"/> </intent-filter> <!--TODO: Add this filter, if you want to support sharing text into your app--> <intent-filter> <action android:name="android.intent.action.SEND" /> <category android:name="android.intent.category.DEFAULT" /> <data android:mimeType="text/*" /> </intent-filter> <!--TODO: Add this filter, if you want to support sharing images into your app--> <intent-filter> <action android:name="android.intent.action.SEND" /> <category android:name="android.intent.category.DEFAULT" /> <data android:mimeType="image/*" /> </intent-filter> <intent-filter> <action android:name="android.intent.action.SEND_MULTIPLE" /> <category android:name="android.intent.category.DEFAULT" /> <data android:mimeType="image/*" /> </intent-filter> <!--TODO: Add this filter, if you want to support sharing videos into your app--> <intent-filter> <action android:name="android.intent.action.SEND" /> <category android:name="android.intent.category.DEFAULT" /> <data android:mimeType="video/*" /> </intent-filter> <intent-filter> <action android:name="android.intent.action.SEND_MULTIPLE" /> <category android:name="android.intent.category.DEFAULT" /> <data android:mimeType="video/*" /> </intent-filter> <!--TODO: Add this filter, if you want to support sharing any type of files--> <intent-filter> <action android:name="android.intent.action.SEND" /> <category android:name="android.intent.category.DEFAULT" /> <data android:mimeType="*/*" /> </intent-filter> <intent-filter> <action android:name="android.intent.action.SEND_MULTIPLE" /> <category android:name="android.intent.category.DEFAULT" /> <data android:mimeType="*/*" /> </intent-filter> ..... </activity> </application> </manifest> ``` - On MainActivity on your react-native app ` <Project_folder>/android/app/src/main/java/com/YOUR_APP/MainActivity.java` : ```java // on top of your file import android.content.Intent; ... public class MainActivity extends ReactActivity { ... // on your MainActivity Class body @Override public void onNewIntent(Intent intent) { super.onNewIntent(intent); setIntent(intent); } ... } ``` ### Ios `<project_folder>/ios/<project_name>/info.plist` ```xml <plist version="1.0"> <dict> ..... <key>CFBundleURLTypes</key> <array> <dict> <key>CFBundleTypeRole</key> <string>Editor</string> <key>CFBundleURLSchemes</key> <array> <string>ShareMedia</string> <!-- share url protocol (must be unique to your app, suggest using your apple bundle id) --> </array> </dict> <dict/> </array> <key>NSPhotoLibraryUsageDescription</key> <string> To upload photos, please allow permission to access your photo library. </string> .... </dict> </plist> ``` `<project_folder>/ios/<project_name>/AppDelegate.m` ```objectivec .... #import <React/RCTLinkingManager.h> // Add this Line in Header of file .... @implementation AppDelegate ... - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options { return [RCTLinkingManager application:application openURL:url options:options]; } @end ``` `<project_folder>/ios/<your project name>/<your project name>.entitlements` ```xml .... <!--TODO: Add this tag, if you want support opening urls into your app--> <key>com.apple.developer.associated-domains</key> <array> <string>applinks:example.com</string> </array> .... ``` #### Create Share Extension - Using xcode, go to File/New/Target and Choose "Share Extension" - Give it a name you want to show on while Sharing i.e. i Choose "Example Share" `<project_folder>/ios/<Your Share Extension Name>/info.plist` ```xml <plist version="1.0"> <dict> ... <key>NSExtension</key> <dict> <key>NSExtensionAttributes</key> <dict> <key>PHSupportedMediaTypes</key> <array> <!--TODO: Add this flag, if you want to support sharing video into your app--> <string>Video</string> <!--TODO: Add this flag, if you want to support sharing images into your app--> <string>Image</string> </array> <key>NSExtensionActivationRule</key> <dict> <!--TODO: Add this flag, if you want to support sharing text into your app--> <key>NSExtensionActivationSupportsText</key> <true/> <!--TODO: Add this tag, if you want to support sharing urls into your app--> <key>NSExtensionActivationSupportsWebURLWithMaxCount</key> <integer>1</integer> <!--TODO: Add this flag, if you want to support sharing images into your app--> <key>NSExtensionActivationSupportsImageWithMaxCount</key> <integer>100</integer> <!--TODO: Add this flag, if you want to support sharing video into your app--> <key>NSExtensionActivationSupportsMovieWithMaxCount</key> <integer>100</integer> <!--TODO: Add this flag, if you want to support sharing other files into your app--> <!--Change the integer to however many files you want to be able to share at a time--> <key>NSExtensionActivationSupportsFileWithMaxCount</key> <integer>