Introducing storage_ui, the new library for managing key-value storage in your Flutter app.

Amr Said — Fri, 27 Jan 2023 18:31:08 +0000

Managing storage in a mobile app can be a tedious task, especially when you have a lot of data to store and retrieve. That's why I created storage_ui, a library that makes it easy to manage your storage with a user-friendly GUI. It works on top of get_storage and flutter_secure_storage, and it provides an easy way to preview, edit, delete, and copy your stored keys.

The library also allows you to customize the look and feel of the storage page. You can change the color of the app bar, background cursor, confirm button, cursor, and text to match your app's style.

To get started, add storage_ui: 1.0.0 to your pubspec.yaml file and use CacheStorageLogPage in your code.

CacheStorageLogPage(
        cacheStorage: GetStorage(),
        pageStyle: PageStyle(
          appBarColor: Colors.blue,
          backgroundCursorColor: Colors.black26,
          confirmColor: Colors.green,
          cursorColor: Colors.black,
          textColor: Colors.black,
        ),
        onError: (message) {
          print(message);
        },
      )

You can find more information about the library on pub.dev (https://pub.dev/packages/storage_ui) and Github (https://github.com/AmrSaied/storage_ui) including an issue tracker, contributing guidelines, and more.

Don't hesitate to give it a try, and let me know what you think.

P.S: I'm open for any suggestions, feedback or contributions for the lib.

Introducing Hive UI: A Flutter Package for Easily Managing Your Hive Database

Amr Said — Sat, 21 Jan 2023 16:25:07 +0000

Introducing Hive UI: A Flutter Package for Easily Managing Your Hive Database
https://pub.dev/packages/hive_ui/
If you're a Flutter developer, you're probably familiar with Hive - a lightweight and blazing-fast key-value store that is perfect for storing small amounts of data on the device. However, managing and interacting with your Hive database can be a tedious task, especially when it comes to viewing and editing the data.

That's why we've developed Hive UI, a new Flutter package that makes it easy to manage your Hive database. With Hive UI, you can easily explore all of your database boxes, edit table rows, add new rows, search for boxes by column name and value, and delete rows or entire boxes.

Hive UI is built on top of the Hive package and is fully compatible with it. To use Hive UI, you'll need to have Hive installed and a box open. Additionally, you'll need to implement the toJson and fromJson methods for every box that you want to use with Hive UI.

To get started with Hive UI, add the package to your pubspec.yaml file and run flutter pub get. Then, add all of your boxes to a static variable like this:

static Box<Box> get hiveBox =>
      Hive.box<Box>("name");

static Map<Box<dynamic>, dynamic Function(dynamic json)> get allBoxes => {
        hiveBox: (json) =>
            hiveBox.fromJson(json)}

To view your boxes in the Hive UI, simply navigate to the HiveBoxesView widget and pass in your boxes and any desired options, like this:

Navigator.push(
    context,
    HiveBoxesView(
        hiveBoxes: allBoxes,
        onError: (String errorMessage) =>
            PopUpHelper.showToast('', errorMessage),
        dateFormat: DateFormat('yyyy-MM-dd'),
        appBarColor: primaryColor,
        columnTitleTextStyle: TextStyle(
          fontWeight: FontWeight.w600,
          fontSize: 14.sp,
        ),
        rowTitleTextStyle: TextStyle(fontSize: 12.sp),
      )
  );

Hive UI also provides options for

customizing the look and feel of the UI, such as the app bar color, column title text style, and row title text style.

In addition to viewing and editing data, Hive UI also provides a search feature that allows you to search for boxes by column name and value. This can be incredibly useful when working with large amounts of data and need to quickly find a specific piece of information.

Another powerful feature of Hive UI is the ability to delete rows or entire boxes. This can be useful for cleaning up old data or for testing purposes. The delete feature is easy to use and can be accessed directly from the Hive UI.

Hive UI also includes a copy feature that allows you to copy the selected value, and also select specific color for the selected row.

One of the best things about Hive UI is that it is open-source and actively maintained, so you can always be sure that you're using the latest version of the package. And if you encounter any issues or have any suggestions for new features, you can submit them on the GitHub repository.

Overall, Hive UI is a must-have package for any Flutter developer working with Hive. It makes managing and interacting with your Hive database a breeze, and its powerful features and customization options make it a valuable addition to any project. So, if you're looking for an easy way to manage your Hive database, give Hive UI a try and see how it can help you work more efficiently and effectively.

DEV Community: Amr Said

Introducing storage_ui, the new library for managing key-value storage in your Flutter app.

Introducing Hive UI: A Flutter Package for Easily Managing Your Hive Database