AsyncStorage not working on release but working on debug (React Native)

Question

 "@react-native-async-storage/async-storage": "1.15.5",
 "react": "17.0.1",
 "react-native": "0.64.2",

Here's how I use my Async

fetch('',{
... //codes here
.then((response) => response.json())
      .then((responseJson) => {

     AsyncStorage.setItem('user_token', JSON.stringify(responseJson.token));
     AsyncStorage.setItem('user_id', JSON.stringify(responseJson.data));
     AsyncStorage.setItem('login_type', 'LocalLogin');
     
   });
});

then after that here's how I get my asyncstorage

const [getData, setGetData] = useState();

const initializeData = async() => {
    const userToken = await AsyncStorage.getItem('user_id');
    if(userToken)
    {
      setGetData(JSON.parse(userToken));
    }
  }

  useEffect(() => {
    initializeData();
  },[]);

useEffect(() => {
    getUserData();
,[navigation,isFocused]);

const getUserData = async() => {
 var formBody = JSON.stringify({email:`${getData.email}`});
 fetch('',{ ... //more codes here
}

I should get the updated data from my API but it seems like the getData is null and also it should work because I am re rendering the components. Fetch is working fine because I can login . the main problem i am having is the AsyncStorage . Did someone encounter this kind of problem?

score 0 · Answer 1 · answered Sep 23 '21 at 03:56

0

You have a race condition where initializeData and getUserData will both be called on mount, and getData won't be set yet.

You can fix the race like this.

useEffect(() => {
    if (getData) getUserData();
,[navigation,isFocused,getData]);

answered Sep 23 '21 at 03:56

windowsill

3,599
1
9
14

still don't work . i tried debugging on logcat adb and confirmed that it don't work – Ginxxx Sep 23 '21 at 07:31
you will still need this fix – windowsill Sep 24 '21 at 02:09

score 0 · Accepted Answer · answered Sep 23 '21 at 15:57

0

I saw it on my adb logcat that it can't store too much data

So what I did is I chopped my data and store only the needed data . That's what I did.

answered Sep 23 '21 at 15:57

Ginxxx

1,602
2
25
54

its bc https://react-native-async-storage.github.io/async-storage/docs/limits – not_fubar_yet Oct 08 '22 at 05:45

score 0 · Answer 3 · edited Oct 28 '21 at 13:07

0

AsyncStorage size is set to 6MB by default, but when it comes with a lot of data you have to increase the size.

If you want to store all data you can update the property seen below.

File: android/gradle.properties

AsyncStorage_db_size_in_MB=10

or

AsyncStorage_db_size_in_MB=15

depends on how much data you would like to store.

edited Oct 28 '21 at 13:07

CuriousSuperhero

6,531
4
27
50

answered Oct 28 '21 at 08:18

Yuro Adela

1
1

but it is not recommended to use the asyncstorage for storing too much data . – Ginxxx Oct 28 '21 at 11:31
so when you have a lot of data to store, what can you do as solution?,i think you can increase the size of storage – Yuro Adela Oct 28 '21 at 13:50
what you need to do is either use a database or chopped the data that's it – Ginxxx Oct 28 '21 at 15:54

AsyncStorage not working on release but working on debug (React Native)

3 Answers3