https://github.com/lbaldy/flipper-plugin-async-storage-advanced

Flipper plugin for async storage, provides options to view/edit/delete/create async storage entries via Flipper.
https://github.com/lbaldy/flipper-plugin-async-storage-advanced

Last synced: 2 days ago
JSON representation

Flipper plugin for async storage, provides options to view/edit/delete/create async storage entries via Flipper.

• Host: GitHub
• URL: https://github.com/lbaldy/flipper-plugin-async-storage-advanced
• Owner: lbaldy
• License: mit
• Created: 2021-08-29T06:02:44.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-29T12:42:05.000Z (about 1 year ago)
• Last Synced: 2024-07-01T11:37:21.494Z (5 months ago)
• Language: TypeScript
• Size: 2.83 MB
• Stars: 32
• Watchers: 4
• Forks: 4
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Flipper Async Storage Advanced plugin

## Introduction

This plugin is designed to work with Flipper (https://fbflipper.com/) and Async Storage (https://github.com/react-native-async-storage/async-storage) library.

The plugin provides standard read/write/delete/update operations on the Async Storage keys in React Native applications.

![plugin_video](images/output.gif "Plugin Video")

## Installation

Similarly to other Flipper plugins for React Native, this one comes in two packages.

### Client package

The first package is a client package that has to be installed in your React Native app.

#### Install the package

If you haven't already installed `react-native-flipper` you need to do it now.

Simply run:

`npm i react-native-flipper --save`

Once the react-native-flipper package is installed, you can go ahead and install the actual rn-flipper-async-storage-advanced package.

`npm i rn-flipper-async-storage-advanced --save`

Once the package is installed, simply import it

`import FlipperAsyncStorage from 'rn-flipper-async-storage-advanced';`

and include the component somewhere in you main component, example below adds it inside App.js

```

const App: () => Node = () => {

  const isDarkMode = useColorScheme() === 'dark';

  const backgroundStyle = {

    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,

  };

  return (

    

        <--- This line

       {

          AsyncStorage.setItem('sads', 'das');

        }}>

        add

      

    

  );

};

```

### Flipper plugin

The second package is a plugin package that has to be installed from inside Flipper.

Open Flipper and find your plugin manager, simply search for 'flipper-plugin-async-storage-advanced' and install it.