Auth0 Home Blog Docs

Passwordless login in React-Native using WebAuth

passwordless
react-native
webauth

#1

I am using the react-native-auth0.js library in my react-native app. I would like to offer Social and Passwordless (email and sms) on the same screen using webAuth. This library has the authorize function that works great with social but I do not see passwordStart and passwordVerify function similar to those available in the web sdk (auth0.min.js).

How can I implement passwordless auth in an react-native app without using Lock?


#2

Looking at the react-native-auth0 library the authorize function simply redirects to your hosted login page. By default the hosted login page uses regular Lock to enable authentication for username/password credentials and/or social authentication.

You can continue to use the authorize function if you’re in the slightly different situation where you want to provide passwordless and social authentication. You just need to customize the hosted login page to enable this scenario. If you go to your Dashboard and then access the hosted pages menu you should be able to customize the hosted login page and then choose the Lock Passwordless template from the available default templates. This should allow you to meet your requirements while still leveraging webAuth.authorize; check the Lock Passwordless repository for examples on how to have passwordless and social displayed at the same time.


#3

@jmangelo Great … thank you for your reply. I was able to use customize the hosted login page and provide links for both social and passwordless on the same page. On a related topic … the trouble I am having now is logging out completely. Could you please take a look at https://community.auth0.com/questions/5796/how-do-i-completely-logout-a-user-from-a-react-nat for my question on the next logical step … that of logging out?


#4