DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,274 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Stanislav Ilin
Stanislav Ilin

Posted on • Updated on

Flutter database inspector storage_view

Image description

About package

Flutter inspector tool for any database, storage and shared_preferences.
Check and modify database values from UI of application.

It's fast introduction of storage_view package.

Motivation

Create one tool to inspect and interact with any database is the main thing of package.

Getting started

Add dependency

dependencies:
  storage_view: ^0.1.0-dev.1
Enter fullscreen mode Exit fullscreen mode

Add import package

import 'package:storage_view/storage_view.dart';
Enter fullscreen mode Exit fullscreen mode

Implement driver

The package uses a driver StorageDriver to interact with the database.

In order to connect your database you should use one of available drivers:

Or create your own StorageDriver implementation like there:

class MockStorageDriver implements StorageDriver {
  final _data = <String, dynamic>{
    'test_id' : 'test',
  };

  @override
  FutureOr<Set<String>> getKeys<String>() {
    return _data.keys.toSet() as Set<String>;
  }

  @override
  FutureOr<T?> read<T>(String key) {
    return _data[key] as T;
  }

  @override
  FutureOr<void> write<T>({required String key, required T value}) {
    _data[key] = value;
  }

  @override
  FutureOr<void> delete(String key) {
    _data.remove(key);
  }
}
Enter fullscreen mode Exit fullscreen mode

Additional information

The project is under development and ready for your pull-requests and issues.
Thank you for support!

⛔️ It is very important to get feedback about the project. Therefore, write your opinion in the comments. Will you use this in the future ?

😎 Go to the GitHub repository page!
Show some ❀️ and star the repo to support the project!

Top comments (8)

Collapse
 
petemode profile image
Pete

Awesome package! How did you create the .gif you used as the first image please?

Collapse
 
frezyx profile image
Stanislav Ilin Author
Collapse
 
petemode profile image
Pete

Thanks

Collapse
 
devangtomar profile image
Devang Tomar

That was a nice read! Liked, bookmarked and followed, keep the good work! πŸ™Œ

Collapse
 
frezyx profile image
Stanislav Ilin Author

Thank you !!!

Collapse
 
yourmdsarfaraj profile image
MD Sarfaraj

Nice package!!

Collapse
 
frezyx profile image
Stanislav Ilin Author

Thanks 😊😊😊 !

Collapse
 
yongchanghe profile image
Yongchang He

Thank you for sharing this!

Take a look at this:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. πŸ›