1.0.5 • Published 4 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-linkedinnpm
npm install @edose/react-native-linkedinCompatibility
- React Native >= 0.60
Setup
- Install Peer Dependency
yarn
yarn add react-native-modal react-native-webview query-stringnpm
npm install react-native-modal react-native-webview query-stringUsage
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 |