@quiltt/react-native

@quiltt/react-native provides React Native Components for integrating Quiltt Connector into React Native and Expo applications.

Installation

@quiltt/react-native expects react, react-native,react-native-webview, base-64 and react-native-url-polyfill as peer dependencies.

$ npm install base-64 react-native-webview react-native-url-polyfill
$ npm install @quiltt/react-native
# or
$ yarn add base-64 react-native-webview react-native-url-polyfill
$ yarn add @quiltt/react-native
# or
# Please note that you will need to add `node-linker=hoisted` in `.npmrc` if you are using pnpm in expo app.`
$ pnpm add base-64 react-native-webview react-native-url-polyfill
$ pnpm add @quiltt/react-native

Documentation

For SDK documentation and more code examples, see the React Native guide.

QuilttConnector

Launch the Quiltt Connector in a webview.

@quiltt/react-native does not ship with a navigation library, so you might want to navigate to a new "page" when using QuilttConnector.

Example

import { QuilttProvider } from '@quiltt/react'
import { QuilttConnector } from '@quiltt/react-native'

export const App = () => {
  // See: https://www.quiltt.dev/authentication/issuing-session-tokens
  const sessionToken = '<TOKEN_OBTAINED_FROM_THE_SERVER>'
  const oAuthRedirectUrl = 'quilttexample://open.reactnative.app'

  const handleExitSuccess = (metadata) => {
    console.log('Successfully created connection!', metadata)
  }

  return (
    <QuilttProvider token={sessionToken}>
      <QuilttConnector
        connectorId="<CONNECTOR_ID>"
        oAuthRedirectUrl={oAuthRedirectUrl}

        // See the JavaScript API docs for the full list of available callbacks
        onExitSuccess={handleExitSuccess}
      />
    </QuilttProvider>
  )
}

export default App