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 |