Flutter资源管理插件mobx_resource_bloc的使用

<Bloc + MobX = 资源管理与反应系统结合>

创建可在MobX的反应系统中工作的资源区块。

基础知识

在您的MobX存储中直接使用：

资源区块的主要类ComputedResourceBloc的工作方式类似于MobX中的Computed对象。

资源区块的key将自动更新，每当任何被观察的MobX值发生变化时。该区块的属性，如其state、key、value和stream也是可观察的值，并且当它们发生变化时会更新任何已订阅的MobX反应。

使用方法

以下是一个完整的示例，展示了如何使用mobx_resource_bloc插件来管理资源并利用MobX的反应系统。

示例代码

import 'package:flutter/material.dart';
import 'package:mobx/mobx.dart';
import 'package:mobx_resource_bloc/mobx_resource_bloc.dart';

// 定义一个MobX store
class MyStore with Store {
  final _resourceBloc = ComputedResourceBloc(
    () => fetchUser(),
    key: 'fetch_user',
  );

  @observable
  ObservableFuture<User> userFuture;

  @action
  Future<void> fetchUser() async {
    userFuture = ObservableFuture<User>(() async {
      await Future.delayed(Duration(seconds: 2)); // 模拟网络请求延迟
      return User(name: "Brian Robles", age: 28);
    }());
  }

  @computed
  ComputedResourceBloc<User> get userResourceBloc => _resourceBloc;
}

// 用户模型
class User {
  final String name;
  final int age;

  User({required this.name, required this.age});
}

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('MobX Resource Bloc Example')),
        body: StoreProvider<MyStore>(
          create: (_) => MyStore(),
          child: StoreConnector<MyStore, User?>(
            converter: (store) => store.userResourceBloc.value,
            builder: (context, user) {
              if (user == null) {
                return Center(child: CircularProgressIndicator());
              }
              return Center(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text('Name: ${user.name}'),
                    Text('Age: ${user.age}'),
                  ],
                ),
              );
            },
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们定义了一个MobX store MyStore，它包含一个ComputedResourceBloc，用于管理从服务器获取用户数据的异步操作。我们还定义了一个简单的User模型来表示用户信息。

在MyApp中，我们使用StoreProvider来提供MyStore实例，并通过StoreConnector来连接UI和store。StoreConnector中的converter函数将ComputedResourceBloc<User>转换为User?，并在UI中根据用户数据的状态（加载中或已加载）进行渲染。

功能和问题

此库仍在积极开发中。请自行承担风险使用！