Flutter核心存储读取插件diz_core_storage_reader的使用

diz-core-storage-reader 是一个用于调试的简单通用存储读取插件。它可以帮助你在应用运行时轻松读取存储的数据。

使用

示例代码

import 'package:diz_core_storage_reader/diz_core_storage_reader.dart';
import 'package:flutter/material.dart';

///
/// 实现 StorageReader 接口的自定义存储读取器
///
final class CustomStorageReader implements StorageReader {
  CustomStorageReader(this.storage);

  ///
  /// 为了示例，我们将数据存储在 Map 中
  ///
  final Map<String, dynamic> storage;

  @override
  Future<T?> read<T>({required String key}) async => storage[key];

  @override
  Future<Map<String, dynamic>> readAll() async => storage;
}

///
/// 创建全局存储读取器实例（仅作为示例）
///
final StorageReader mStorageReader = CustomStorageReader(<String, dynamic>{
  'first': 'first value',
  'second': 'second value',
});

void main() {
  WidgetsFlutterBinding.ensureInitialized();

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: <Widget>[
          StorageValueProvider(
            reader: mStorageReader,
            child: Column(
              children: <Widget>[
                StorageValue(
                  skey: 'first',
                  builder: (BuildContext context, String? value) {
                    return StorageValueView(
                      title: 'First key',
                      value: value,
                    );
                  },
                ),
                StorageValue(
                  skey: 'second',
                  builder: (BuildContext context, String? value) {
                    return StorageValueView(
                      title: 'Second token',
                      value: value,
                    );
                  },
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

详细说明

1. 导入库

   import 'package:diz_core_storage_reader/diz_core_storage_reader.dart';
   import 'package:flutter/material.dart';
   

2. 实现 StorageReader 接口

   final class CustomStorageReader implements StorageReader {
     CustomStorageReader(this.storage);
   
     final Map<String, dynamic> storage;
   
     @override
     Future<T?> read<T>({required String key}) async => storage[key];
   
     @override
     Future<Map<String, dynamic>> readAll() async => storage;
   }
   

   这里我们创建了一个简单的 CustomStorageReader 类，该类实现了 StorageReader 接口，并将数据存储在一个 Map 中。

3. 创建全局存储读取器实例

   final StorageReader mStorageReader = CustomStorageReader(<String, dynamic>{
     'first': 'first value',
     'second': 'second value',
   });
   

4. 初始化 Flutter 应用

   void main() {
     WidgetsFlutterBinding.ensureInitialized();
     runApp(MyApp());
   }
   
   class MyApp extends StatelessWidget {
     const MyApp({super.key});
   
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: HomePage(),
       );
     }
   }
   

5. 构建主页

   class HomePage extends StatelessWidget {
     const HomePage({super.key});
   
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         body: Column(
           children: <Widget>[
             StorageValueProvider(
               reader: mStorageReader,
               child: Column(
                 children: <Widget>[
                   StorageValue(
                     skey: 'first',
                     builder: (BuildContext context, String? value) {
                       return StorageValueView(
                         title: 'First key',
                         value: value,
                       );
                     },
                   ),
                   StorageValue(
                     skey: 'second',
                     builder: (BuildContext context, String? value) {
                       return StorageValueView(
                         title: 'Second token',
                         value: value,
                       );
                     },
                   ),
                 ],
               ),
             ),
           ],
         ),
       );
     }
   }