Flutter依赖注入插件kinject的使用

Flutter依赖注入插件kinject的使用

Kinject 是一个基于 Inherited Widget 的简单包装器。

单例注入

要为整个 Widget 树提供单个实例，可以使用 Kinject 小部件。

Kinject(
  factory: (context) => const LoginBloc(),
  builder: (context) {
    return Scaffold(
      body: SafeArea(
        child: Center(
          child: ElevatedButton(
            onPressed: context.resolve<LoginBloc>().login,
            child: const Text('登录'),
          ),
        ),
      ),
    );
  },
);

多实例注入和相互依赖

要提供多个实例并提供它们之间的依赖关系，可以使用 ProxyKinject 类和 Kinjects 小部件。

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

  @override
  Widget build(BuildContext context) {
    return Kinjects(
      kinjects: [
        ProxyKinject<AuthDataSource>((_) => AuthDataSourceImpl()),
        ProxyKinject<AuthRepository>(
          (context) => AuthRepositoryImpl(
            context.resolve<AuthDataSource>(),
          ),
        ),
        ProxyKinject<LoginBloc>(
          (context) => LoginBloc(
            context.resolve<AuthRepository>(),
          ),
        ),
      ],
      builder: (context) {
        return Scaffold(
          body: SafeArea(
            child: Center(
              child: ElevatedButton(
                onPressed: context.resolve<LoginBloc>().login,
                child: const Text('登录'),
              ),
            ),
          ),
        );
      },
    );
  }
}

单例和工厂初始化

Kinject 允许开发者根据需求将实例调整为单例或工厂模式。如果你想在整个应用程序中初始化单例类，可以在 MaterialApp 之上提供该类的实例。如果需要作为工厂进行初始化，可以通过子树提供来实现。

KinjectModule 用于模块化架构

KinjectModule 是一个类，可以用于为特定模块提供实例。这对于模块化架构非常有用，在这种架构中，你可以为特定模块提供实例。

class LoginModule extends KinjectModule {
  const LoginModule({super.key});

  @override
  List<ProxyKinject> binds(BuildContext context) {
    return [
      ProxyKinject<AuthDataSource>((_) => AuthDataSourceImpl()),
      ProxyKinject<AuthRepository>(
        (context) => AuthRepositoryImpl(
          context.resolve<AuthDataSource>(),
        ),
      ),
      ProxyKinject<LoginBloc>(
        (context) => LoginBloc(
          context.resolve<AuthRepository>(),
        ),
      ),
    ];
  }

  @override
  Widget child(BuildContext context) {
    return const LoginPageV2();
  }
}

KinjectObserver

你可以为你的应用程序启用 KinjectObserver 来跟踪初始化和释放事件。

首先，你应该配置你自己的子类：

final class AppKinjectObserver implements KinjectObserver {
  @override
  void onCreate(Kinject instance) {
    debugPrintThrottled('${instance.type} 初始化');
  }

  @override
  void onDispose(Kinject instance) {
    debugPrintThrottled('${instance.type} 释放');
  }
}

然后，通过以下命令配置观察者：

Kinject.observer = AppKinjectObserver();

更多关于Flutter依赖注入插件kinject的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter依赖注入插件kinject的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然，以下是一个关于如何在Flutter项目中使用kinject插件进行依赖注入的代码示例。kinject是一个轻量级的依赖注入库，可以帮助你管理Flutter应用中的依赖关系。

1. 添加依赖

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

dependencies:
  flutter:
    sdk: flutter
  kinject: ^最新版本号 # 请替换为实际的最新版本号

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

2. 定义服务

接下来，定义你想要注入的服务。例如，假设我们有一个简单的UserService：

class UserService {
  String getUserName() {
    return 'John Doe';
  }
}

3. 配置依赖注入容器

在你的Flutter应用的入口点（通常是main.dart），配置kinject容器并注册服务：

import 'package:flutter/material.dart';
import 'package:kinject/kinject.dart';
import 'user_service.dart'; // 导入UserService

void main() {
  // 创建并配置kinject容器
  final container = Container();
  container.registerSingleton<UserService>(UserService());

  // 使用kinject的Builder创建MaterialApp
  runApp(container.build<MyApp>());
}

class MyApp extends StatelessWidget {
  final UserService userService;

  MyApp({required this.userService});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(userService: userService),
    );
  }
}

4. 使用依赖注入的组件

在你的组件中，通过构造函数注入依赖。例如，在MyHomePage中：

import 'package:flutter/material.dart';

class MyHomePage extends StatelessWidget {
  final UserService userService;

  MyHomePage({required this.userService});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo Home Page'),
      ),
      body: Center(
        child: Text(
          'User Name: ${userService.getUserName()}',
        ),
      ),
    );
  }
}

5. 运行应用

现在，当你运行Flutter应用时，kinject将自动管理依赖注入，MyHomePage将显示从UserService中获取的用户名。

总结

通过上述步骤，我们展示了如何在Flutter应用中使用kinject进行依赖注入。这种方式有助于减少组件之间的耦合，使代码更加模块化和易于测试。注意，kinject还支持其他类型的依赖注入（如工厂、懒加载等），具体使用可以参考其官方文档。

回到顶部