Skip to main content

Documentation Index

Fetch the complete documentation index at: https://stytch.com/docs/llms.txt

Use this file to discover all available pages before exploring further.

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.
1

Install Packages

Install the @stytch/react-native and @stytch/react-native-inappbrowser-reborn packages:
npm install @stytch/react-native @stytch/react-native-inappbrowser-reborn --save

If you are working in a bare workflow in iOS, you will need to run `pod install` within the `ios` directory to install the dependencies.
</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 { StytchClient } from '@stytch/react-native';

const stytch = new StytchClient('public-token-test-1234');
2

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';
import { stytch } from './stytch';

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

Add your login flow

You have now initialized the Stytch client, and can add the <StytchLogin> pre-built login component to get a robust, end-to-end login flow working with just a simple config.