1.0.5 • Published 2 years ago
@edose/react-native-linkedin v1.0.5
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 |