Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including react-native-lock-ios with all npm packages installed. Try it out:

var reactNativeLockIos = require("react-native-lock-ios")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-native-lock-ios v0.0.5

Auth0 Lock for React Native (iOS)


[![NPM version][npm-image]][npm-url] [![CI Status][travis-image]][travis-url] [![CP Version][cocoapods-version-image]][cocoapods-url] [![CP License][cocoapods-license-image]][cocoapods-url] [![CP Platform][cocoapods-platform-image]][cocoapods-url]

Auth0 is an authentication broker that supports social identity providers as well as enterprise identity providers such as Active Directory, LDAP, Google Apps and Salesforce.

react-native-lock-ios is a wrapper around Lock so it can be used from an iOS React Native application


  • iOS 7+
  • React Native
  • CocoaPods


Run npm install --save react-native-lock-ios to add the package to your app's dependencies.

To tell CocoaPods what native libraries you need, create a file named Podfile with the following content inside the folder <project name>/ios

source ''
pod 'React', :subspecs => [
  ], :path => '../node_modules/react-native'
pod 'LockReactNative', :path => '../node_modules/react-native-lock-ios'

Now run from the same folder the command pod install. It will automatically download Lock for iOS with all it's dependencies, and create an Xcode workspace containing all of them. From now on open <YourAppName>.xcworkspace instead of <YourAppName>.xcodeproject. This is because now React Native's iOS code (and Lock's) is now pulled in via CocoaPods. Another necessary step you need to do is remove the React, RCTImage, etc. subprojects from your app's Xcode project.


Let's require react-native-lock-ios module:

var Auth0Lock = require('react-native-lock-ios');

And initialize it with your Auth0 credentials that you can get from our dashboard

var lock = new Auth0Lock({clientId: "YOUR_CLIENT_ID", domain: "YOUR_DOMAIN"});

Email/Password, Enterprise & Social authentication{}, (err, profile, token) => {
  console.log('Logged in!');

And you'll see our native login screen


  connections: ["touchid"]
}, (err, profile, token) => {
  console.log('Logged in!');

And you'll see TouchID login screen


Because it uses a Database connection, the user can change it's password and authenticate using email/password whenever needed. For example when you change your device.

SMS Passwordless{
  connections: ["sms"]
}, (err, profile, token) => {
  console.log('Logged in!');

And you'll see SMS Passwordless login screen


Email Passwordless{
  connections: ["email"]
}, (err, profile, token) => {
  console.log('Logged in!');

And you'll see Email Passwordless login screen



Lock, callback) Show Lock's authentication screen as a modal screen using the connections configured for your applications or the ones specified in the options parameter. This is the list of valid options:

  • closable (boolean): If Lock screen can be dismissed
  • connections ([string]): List of enabled connections to use for authentication. Must be enabled in your app's dashboard first.
  • authParams (object): Object with the parameters to be sent to the Authentication API, e.g. scope.

The callback will have the error if anything went wrong or after a successful authentication, it will yield the user's profile info and tokens.

Issue Reporting

If you have found a bug or if you have a feature request, please report them at this repository issues section. Please do not report security vulnerabilities on the public GitHub issue tracker. The Responsible Disclosure Program details the procedure for disclosing security issues.

What is Auth0?

Auth0 helps you to:

  • Add authentication with multiple authentication sources, either social like Google, Facebook, Microsoft Account, LinkedIn, GitHub, Twitter, Box, Salesforce, amont others, or enterprise identity systems like Windows Azure AD, Google Apps, Active Directory, ADFS or any SAML Identity Provider.
  • Add authentication through more traditional username/password databases.
  • Add support for linking different user accounts with the same user.
  • Support for generating signed Json Web Tokens to call your APIs and flow the user identity securely.
  • Analytics of how, when and where users are logging in.
  • Pull data from other sources and add it to the user profile, through JavaScript rules.

Create a free account in Auth0

  1. Go to Auth0 and click Sign Up.
  2. Use Google, GitHub or Microsoft Account to login.




react-native-lock-ios is available under the MIT license. See the LICENSE file for more info.

[npm-image]: [npm-url]: [travis-image]: [travis-url]: [cocoapods-version-image]: [cocoapods-license-image]: [cocoapods-platform-image]: [cocoapods-url]:
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free