1.0.5 • Published 2 years ago

@edose/react-native-linkedin v1.0.5

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

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
NameTypeDefaultDescription
clientIDstringLinkedIn Client ID
clientSecretstringLinkedIn Client secret
redirectUristringLinkedIn Redirect URI
permissionsarray["r_liteprofile", "r_emailaddress"]Permission
authStatestring
isOpenbooltrue
onClosefunc() => null
onSuccessfunc(data) => null
  • LinkedInButton
NameTypeDefaultDescription
labelstringSign In With LinkedInButton label
buttonColorstring#017AB6Button color
labelStyleViewStyle{}
buttonStyleViewStyle{}
onPressfunc() => null