react-native-linkedin
React native linkedin iOS and android.
Installation
yarn
yarn add @edose/react-native-linkedin
npm
npm install @edose/react-native-linkedin
Compatibility
- React Native >= 0.60
Setup
- Install Peer Dependency
yarn
yarn add react-native-modal react-native-webview query-string
npm
npm install react-native-modal react-native-webview query-string
Usage
Example
import React, { useState } from 'react';
import { SignIn, LinkedInButton } from '@edose/react-native-linkedin';
function Example() {
const [open, setOpen] = useState(false)
return (
<LinkedInButton
label="Sign In With LinkedIn"
labelStyle={{//custom style}}
buttonColor="#017AB6"
onPress={() => setOpen(true)}
/>
<SignIn
isOpen={true}
clientId={YOUR_LINKEDIN_CLIENT_ID}
clientSecret={YOUR_LINKEDIN_CLIENT_SECRET}
redirectUri="https://oauth.pstmn.io/v1/callback"
state={YOUR_STATE}
onSuccess={(data) => alert(data)}
onCancel={() => setOpen(false)
/>
)
}
Available Props
- SignIn
Name | Type | Default | Description |
---|---|---|---|
clientID |
string |
LinkedIn Client ID | |
clientSecret |
string |
LinkedIn Client secret | |
redirectUri |
string |
LinkedIn Redirect URI | |
permissions |
array |
["r_liteprofile", "r_emailaddress"] |
Permission |
authState |
string |
||
isOpen |
bool |
true |
|
onClose |
func |
() => null |
|
onSuccess |
func |
(data) => null |
- LinkedInButton
Name | Type | Default | Description |
---|---|---|---|
label |
string |
Sign In With LinkedIn |
Button label |
buttonColor |
string |
#017AB6 |
Button color |
labelStyle |
ViewStyle |
{} |
|
buttonStyle |
ViewStyle |
{} |
|
onPress |
func |
() => null |