React Native wrapper for @bloomprotocol/share-kit
npm install @pbteja-dev/share-kit-reactnativeReact Native wrapper for Share Kit
- Share Kit React Native
- Installation
- Usage
- More
- Storybook Demo
Install share-kit-reactnative package
``
npm install --save @bloomprotocol/share-kit-reactnative
Link Libraries
`
react-native link react-native-randombytes
react-native link react-native-svg
react-native link react-native-linear-gradient
To allow the usage of node core modules, rn-nodeify is being used.
Note: You can also use any other method that you know to allow node core modules. Refer the rn-nodeify repo for any further details about rn-nodeify.
Install rn-nodeify
`
npm install --save-dev rn-nodeify@latest
In package.json, add a postinstall script as follows.`
...
"scripts": {
...
"postinstall": "./node_modules/.bin/rn-nodeify --hack --install"
}
...
Run
`
npm run postinstall
Check demo for complete example.
`tsx
import { RequestButton, RequestData, Action } from "@bloomprotocol/share-kit-reactnative";
const requestData: RequestData = {
action: Action.attestation,
token: 'a08714b92346a1bba4262ed575d23de3ff3e6b5480ad0e1c82c011bab0411fdf',
url: 'https://receive-kit.bloom.co/api/receive',
org_logo_url: 'https://bloom.co/images/notif/bloom-logo.png',
org_name: 'Bloom',
org_usage_policy_url: 'https://bloom.co/legal/terms',
org_privacy_policy_url: 'https://bloom.co/legal/privacy',
types: ['phone', 'email'],
};
const buttonCallbackUrl = 'https://mysite.com/bloom-callback';
buttonCallbackUrl={buttonCallbackUrl}
/>
``