React Native store userdata locally

Question

I want to store e.g. the password and the username of the user locally, that the user doesn't always need to log in again.

I just saw the tutorial How to store data in local storage with react native? but is there no way, to store a json with data in e.g. a normal folder. What are the benefits or are the benefits? How does it look like when compiling the app? Could there be an error? :)

Example:

user {
     "name":"max",
     "password":"123456"
}

(I know storing passwords in plain text isn't that smart, it is just an example :D)

score 2 · Accepted Answer · answered Feb 04 '21 at 19:06

I suggest you to use AsyncStorage. It can store json data as well as normal data too locally. If you're working on to add "Remember login" the use this logic - as soon as the user logins in the app, store the data in AsyncStorage with AsyncStorage.setItem()

DemoLogin.js

login = (
    username,
    password,
  ) => {
    axios
      .post(apiEndPoint + "login", {
        username,
        password,
      })
      .then(async (response) => {
        if (response.data) {
          if (response.data.success) {
            this.storeData(response.data);
            this.props.navigation.replace("HomeScreen");
          } else {
            toast.show(response.data.message);
          }
        } else {
          toast.show("There is some issue with API");
        }
      })
      .catch((err) => {
        toast.show("There is some issue with API");
      });
  };

storeData = async (userData) => {
    try {
      await AsyncStorage.setItem("userdata", JSON.stringify(userData));
    } catch (error) {
      console.log("error while storing data", error);
    }
  };

Thank you! I will try it soon :D – Henrik Feb 05 '21 at 15:59 — Henrik, Feb 05 '21 at 15:59

score 0 · Answer 2 · answered Feb 04 '21 at 18:39

0

You can with this react-native-fs package. To storage the username and password is not a good solution like you know. AsyncStorage is usefull to store the data of user for the context of the application. Store file is good if is an image or a specific file like PDF, etc..., where is a lot of data to store. AsyncStorage or the other secure storage has a limit on the size data you can save.

answered Feb 04 '21 at 18:39

HyperNovax

116
2
12

Thank you! I will try it soon :D – Henrik Feb 05 '21 at 15:59

React Native store userdata locally

2 Answers2