Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
github.com/jarred-sumner/react-native-media-clipboard
React Native has several libraries that let you get the contents of the clipboard, but none of them support images.
react-native-media-clipboard
suports:
$ npm install react-native-media-clipboard --save
cd ios && pod install
AppDelegate.h
:#import <react-native-media-clipboard/MediaClipboard.h>
@implementation
add this:- (void)applicationDidBecomeActive:(UIApplication *)application {
[MediaClipboard onApplicationBecomeActive];
}
This makes sure that the clipboard is in sync if the application went into the background.
If your project does not contain any Swift code, then you need to create a bridging header – or you'll get a bunch of strange build errors.
If your project already has Swift code (or a bridging header), just ignore this step.
react-native run-ios
import {
ClipboardContext,
ClipboardProvider
} from "react-native-media-clipboard";
<ClipboardProvider>
in the render method, like this:<ClipboardProvider>
<MyVeryRealApp>{children}</MyVeryRealApp>
</ClipboardProvider>
ClipboardContext
contains a clipboard
and a mediaSource
object. It automatically updates whenever the user copies something to their clipboard or removes something from their clipboard.const { clipboard, mediaSource } = React.useContext(ClipboardContext);
// Example mediaSource:
{
"mimeType": "image/png",
"scale": 1,
"width": 828,
"uri": "file:///tmp/C4A65610-E644-44C2-AC54-25A8AD56A4C6.png",
"height": 1792
}
// Example clipboard:
{
urls: [],
strings: [],
hasImages: false,
hasURLs: false,
hasStrings: false
};
// You can just pass in the `mediaSource` object to the built-in Image component. As long as the mediaSource object is not null, it should just work.
<Image source={mediaSource} />
There are type definitions for these, so you shouldn't need to refer back to this much.
This library is iOS only. There is no Android support.
Images are saved in the temporary directory for the app in a background thread. It does not send data
URIs across the bridge.
There is a JSI implementation of this as well, however I haven't finished porting it to this library. A contributor is welcome to submit a PR for that :)
Example repo: react-native-media-clipboard-example
FAQs
Unknown package
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.