Installation - Stytch Docs

This guide is for our new Kotlin Multiplatform SDK which is in Public beta. If you are instead looking for the stable version, please see here.

For a full walk-through of how to get up and running with a sign-up and login flow using Stytch, check out our Quickstart Guide.

Install Packages

Install the @stytch/react-native-consumer package:

npm install @stytch/react-native-consumer --save
</Step>
<Step title="Create the Stytch client">
Initialize the Stytch client, passing in your Project's `public_token` from the [Project Overview](https://stytch.com/dashboard) of the Stytch Dashboard.

```jsx
import { createStytchConsumer, StytchClientConfiguration } from '@stytch/react-native-consumer';

const stytch = createStytchConsumer(new StytchClientConfiguration(publicToken));

Wrap your application in <StytchProvider>

Next, pass the Stytch client to the <StytchProvider> component at the root of your application, making it accessible to all child components.

import { StytchProvider } from '@stytch/react-native-consumer';
import { stytch } from './stytch';

export const App = () => {
  return (
    <StytchProvider stytch={stytch}>
      {/* Your app here */}
    </StytchProvider>
  );
};

Expo Configuration

If you are using expo, you may also need to add the following configurations:

{
  "expo": {
    "plugins": [
      [
        "expo-build-properties",
        {
          "android": {
            "packagingOptions": {
              "exclude": ["META-INF/versions/9/OSGI-INF/MANIFEST.MF"],
            },
            "ios": {
              "useFrameworks": "static",
            }
          },
        },
      ]
    ]
  }
}

⌘I