React Native - How to see what's stored in AsyncStorage?

React Native Debugger has this built in.

Just call showAsyncStorageContentInDev() in the RND console and you'll be able to see a dump of your app's storage.

You can use reactotron i think it has Async Storage explorer ;) https://github.com/infinitered/reactotron

Following should work,

AsyncStorage.getAllKeys((err, keys) => {
  AsyncStorage.multiGet(keys, (error, stores) => {
    stores.map((result, i, store) => {
      console.log({ [store[i][0]]: store[i][1] });
      return true;
    });
  });
});

I have created a helper method to log all Storage in a single object (more clean to log for example in Reactotron):

import AsyncStorage from '@react-native-community/async-storage';

export function logCurrentStorage() {
  AsyncStorage.getAllKeys().then((keyArray) => {
    AsyncStorage.multiGet(keyArray).then((keyValArray) => {
      let myStorage: any = {};
      for (let keyVal of keyValArray) {
        myStorage[keyVal[0]] = keyVal[1]
      }

      console.log('CURRENT STORAGE: ', myStorage);
    })
  });
}