react-native-lock | A wrapper of Lock to use with React Native | Authentication library

Great, you have to update your OS for supporting fluently the XCODE 8.2.1 and above, some times it work within the old OS, i had faced that problem before and i snached all my hair for two days, then i updated my OS and its get fixed. you have to update your OS for fixing it, else nothing will work.

Thanks

1. Open your project in Xcode.
2. From the menu bar, choose View > Navigators > Show Project Navigator.
3. The left sidebar of the Xcode window now shows the Project Navigator.
4. At the bottom of the left sidebar, in the “Filter” box, type “Libraries”.
5. If, in the Project Navigator, you now see a yellow folder icon with the word “Libraries” next to it, then you have found the Libraries folder you are looking for.
6. If there is no Libraries folder, then the solution you're trying to use is not the correct solution for your problem.

Change build.gradle from

The main problem here is that you did not understand how to work with JWTs. I would advise you to take a deeper look on how this technology works and how Auth0 can help you. But, in summary, this is the workflow for authentication that you must aim:

1. Your user will choose one of the many identity providers supported by Auth0(e.g. Facebook, Twitter, LinkedIn, SAML, WS Federate and so on).
2. Your react native app will communicate directly to Auth0 API through the react native lock.
3. Auth0 will interface with the chosen provider and redirect the user to an authorization page in this provider (case it is needed and it is the first time the user logs in).
4. Auth0 will generate a JWT and send back to your react native app.
5. Your react native app will send this JWT to the server (usually on the Authorization HTTP header) when issuing requests to your endpoints.
6. Your PHP backend will check if this JWT is really valid. This is can be done with Auth0 PHP SDK.
7. In case the JWT sent has not been tampered (changed irregularly), your backend will accept it as the user identifier and respond the request as expected by your react native app.

As you can see the biggest issue in the approach that you thought you would follow is that the login process does not go through your backend server. It happens on your front-end app (react native) communicating with Auth0 and the identity provider chosen.

JWTs are tokens that hold information (claims) about a subject. These tokens can be validated by anyone that possess a key (public or private). That is, having this key you can validate the token and can rest assured that it has not been changed improperly.

Further more, to answer the question regarding the usage of Auth0 with credentials on your database, you can bet that you can use it. Auth0 provides ways to integrate with your own database to check the existence of a user. This is called a customer user store.

Happy studying.

If you are running React Native 0.40 (run react-native --version), you will need to install the latest 'react-native-vector-icons' due to breaking change for iOS native headers.

In the 'shoutem/ui' package.json, the latest version will not be installed because of the semver definition (^2.0.3 which will only install up to v2.1.0).

Try do the following to solve the issue:

1. Uninstall react-native-vector-icons with yarn remove react-native-vector-icons.
2. Re-install it with yarn add react-native-vector-icons.
3. Run react-native link to link back the lib dependencies to Xcode project.

You might have similar issue with other libraries too if they rely on the iOS native headers. Hopefully, they would have release a new version to address this issue. (The fix is to update the header import declaration e.g. from #import "RCTUtils.h" to #import )

P.S: If you are not urgently in need of RN 0.40, try initialize your project with pre v0.40 by running react-native init yourProjectName --version 0.39.2 which would allow you to continue working without waiting for the respective library to fix it.