Flutter插件prism_flutter_getit的介绍与使用

描述

Flutter.Prism.Core 是一个可扩展的库，允许你构建模块化应用程序。依赖注入是设计、管理和维护应用程序代码库的重要方面。该库使用 get_it 作为 DI 容器的具体实现。

开始使用

要开始使用 Flutter.Prism.Core，请按照以下步骤操作：

继承你的引导程序（bootstrapper）为 GetItBootstrapper。
继承每个模块为 GetItModule。

使用示例

以下是完整的示例代码，展示如何使用 prism_flutter_getit：

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

// 定义一个测试模块，继承自 GetItModule
class TestModule extends GetItModule {
  [@override](/user/override)
  Future<void> init(GetIt container) {
    // 注册一个区域管理器
    final regionManager = container<RegionManager>();
    regionManager.registerView(
      "main", // 区域名称
      RegionWidgetRegistration(
        metadata: MultiChildMetadata("welcome", order: 1), // 元数据
        registration: (context) => const WelcomeWidget(), // 注册的子部件
      ),
    );
  }
}

// 引导程序类，继承自 GetItBootstrapper
class Bootstrapper extends GetItBootstrapper {
  [@override](/user/override)
  ModuleCatalog createModuleCatalog() {
    final catalog = MemoryModuleCatalog(); // 创建内存模块目录
    catalog.addModule(ModuleInfo((c) => TestModule())); // 添加测试模块
    return catalog;
  }
}

// 主应用程序部件
class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MainWidget(),
    );
  }
}

// 主部件，展示区域构建器
class MainWidget extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return RegionBuilder(
      regionManager: MyDI().instance.get<RegionManager>(), // 获取区域管理器实例
      regionName: "main", // 指定区域名称
      multiChild: (children) => ListView(children: children), // 多子部件布局
    );
  }
}

// 欢迎部件示例
class WelcomeWidget extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Center(
      child: Text("Welcome to Prism!", style: TextStyle(fontSize: 20)),
    );
  }
}

void main() async {
  final boostrapper = Bootstrapper(); // 创建引导程序实例
  await boostrapper.run(); // 运行引导程序
  runApp(child: const MyApp()); // 启动应用程序
}

更多关于Flutter插件prism_flutter_getit的介绍与使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

htzhanglong 1楼•8 天前

更多关于Flutter插件prism_flutter_getit的介绍与使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

prism_flutter_getit 是一个用于 Flutter 的依赖注入（Dependency Injection, DI）插件，基于 get_it 库。get_it 是一个非常流行的 Dart 依赖注入库，允许你在应用中轻松管理和访问服务、存储库和其他依赖项。prism_flutter_getit 可能是一个封装了 get_it 的 Flutter 插件，提供了更便捷的集成方式或额外的功能。

由于 prism_flutter_getit 并不是一个非常知名的插件，具体的功能和使用方式可能会有所不同。以下是一般使用 get_it 进行依赖注入的步骤，结合 prism_flutter_getit 的可能特性进行说明。

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 prism_flutter_getit 的依赖：

dependencies:
  flutter:
    sdk: flutter
  prism_flutter_getit: ^版本号

然后运行 flutter pub get 来安装依赖。

2. 初始化依赖注入

在你的 Flutter 应用中，通常会在 main.dart 文件中初始化依赖注入。你可以使用 prism_flutter_getit 提供的工具来注册服务。

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

void main() {
  // 初始化依赖注入
  PrismFlutterGetIt.setupLocator();
  
  runApp(MyApp());
}

3. 注册服务

在 setupLocator 方法中，你可以注册你的服务、存储库或其他依赖项。假设你有一个 ApiService 和一个 UserRepository：

class ApiService {
  Future<void> fetchData() async {
    // 模拟网络请求
    await Future.delayed(Duration(seconds: 1));
    print("Data fetched");
  }
}

class UserRepository {
  final ApiService apiService;

  UserRepository(this.apiService);

  Future<void> loadUserData() async {
    await apiService.fetchData();
    print("User data loaded");
  }
}

你可以在 setupLocator 中注册这些服务：

void setupLocator() {
  PrismFlutterGetIt.instance.registerSingleton<ApiService>(ApiService());
  PrismFlutterGetIt.instance.registerSingleton<UserRepository>(UserRepository(PrismFlutterGetIt.instance<ApiService>()));
}

4. 使用依赖注入

在需要使用这些服务的地方，你可以通过 PrismFlutterGetIt.instance 来获取它们。例如，在一个 Widget 中使用 UserRepository：

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    final userRepository = PrismFlutterGetIt.instance<UserRepository>();

    return Scaffold(
      appBar: AppBar(
        title: Text('Prism Flutter GetIt Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            await userRepository.loadUserData();
          },
          child: Text('Load User Data'),
        ),
      ),
    );
  }
}