Flutter未知功能插件gate_generator的潜在用途探索

发布于 1周前 作者 vueper 来自 Flutter

Flutter未知功能插件gate_generator的潜在用途探索

Gate

Dart/Flutter 依赖注入生成器

动机

提供服务应该与您的页面或其他代码无关。依赖注入模式将创建服务类对象的责任从客户端类中分离出来。此外,使用代码生成可以摆脱样板代码。

特性

  • 提供可注入为单例的服务
  • 提供可动态注入的服务
  • 将可注入类注入到另一个类中

入门

在您的 pubspec.yaml 文件中安装 gatebuild_runner

dependencies:
  build_runner: ^X.X.X
  gate: ^X.X.X

dev_dependencies:
  gate_generator: ^X.X.X

替换 X.X.Xpub.dev 上的最新版本。

使用

1 - 创建一个要注入的类

import 'package:gate/gate.dart';

@Injectable()
class CoffeeService {
  final S1 s1;

  CoffeeService._(this.s1);

  @Singleton()
  factory CoffeeService.simple(S1 s1) => CoffeeService._(s1);

  void pump() {
    print("CoffeeService it's working");
  }
}

您只需要:

  • 在您的类上方添加 @Injectable() 注解
  • 在工厂上方添加 @Singleton()@Provide() 注解

2 - 注入依赖项

现在我们可以使用 @Inject 注解来注入我们的可注入对象。

import 'package:gate_example/gate/gate_provider.dart';
import 'package:gate_example/gate/coffee_service.dart';
part 'coffee_page.gate_inject.g.part';

@Inject(children: [
  InjectedChild(S1, factoryName: "build"),
  InjectedChild(CoffeeService, factoryName: "simple", attrName: "coffeeService"),
])
class CoffeePage extends StatelessWidget {
  const CoffeePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    coffeeService.pump();
    return Container();
  }
}

您可以根据需要向您的类中注入多个依赖项,只要它们是可注入的。

part 'coffee_page.gate_inject.g.part'; 将被添加到您的文件中。 这个文件将在下一步中生成,请勿忘记导入生成的 gate_provider.dart

3 - 生成代码

使用 build_runner 可以在命令行中运行以下命令:

flutter packages pub run build_runner build --delete-conflicting-outputs

一旦 build_runner 完成,您就可以运行您的 Flutter 应用程序并使用所有已注入的类。

如果您更改了工厂或想要注入其他类…只需重新运行 build_runner 即可。

属性

注解

注解 描述
Injectable 标记一个类作为包含单例或提供工厂
Singleton 标记一个工厂作为单例可注入
Provide 标记一个工厂作为动态可注入。每次注入都会创建该类的新实例
Inject 标记一个类用于注入依赖项

注入注解

属性 描述
children 一个 InjectedChild 列表

InjectedChild 注解

属性 描述
type 要注入的类型
factoryName 要使用的工厂名称
attrName (可选)从您的类调用的属性名称

为测试模拟注入的依赖项

为了替换您的服务为模拟对象,您必须在测试之前设置它们。Gate 会为您生成所有方法。

首先,使用您喜欢的库声明您的模拟服务。

然后使用 appProvider 设置模拟对象。

最后,别忘了通过将其设置为 null 来重置模拟对象。

class CoffeeServiceMock extends Mock implements CoffeeService {}

class S1ServiceMock extends Mock implements S1 {}

class S2BServiceMock extends Mock implements S2B {}

class TodoServiceMock extends Mock implements TodoService {}

void main() {
  // 初始化模拟对象
  final CoffeeService coffeeServiceMock = CoffeeServiceMock();
  final S1 s1ServiceMock = S1ServiceMock();
  final S2B s2BServiceMock = S2BServiceMock();
  final TodoService todoServiceMock = TodoServiceMock();

  group('Mock injection group', () {
    setUp(() {
      when(() => coffeeServiceMock.getMenu()).thenReturn("Best menu");
      // 设置注入的服务为模拟对象
      appProvider.setCoffeeServiceSimpleMock(coffeeServiceMock);
      appProvider.setS1BuildMock(s1ServiceMock);
      appProvider.setS2BBuildMock(s2BServiceMock);
      appProvider.setTodoServiceBeanMock(todoServiceMock);
    });

    tearDownAll(() {
      // 从 appProvider 中移除模拟对象(将使用真实对象)
      appProvider.setCoffeeServiceSimpleMock(null);
      appProvider.setS1BuildMock(null);
      appProvider.setS2BBuildMock(null);
      appProvider.setTodoServiceBeanMock(null);
    });

    test('Test mocks injection', () async {
      expect(appProvider.getCoffeeServiceSimple().getMenu(), equals('Best menu')); // 模拟返回值

      appProvider.setCoffeeServiceSimpleMock(null);

      expect(appProvider.getCoffeeServiceSimple().getMenu(), equals('No menu')); // 真实值(未模拟)
    });
  });
}

运行测试

dart pub global activate coverage
dart test --coverage="coverage"
format_coverage --lcov --in=coverage --out=coverage.lcov --packages=.packages --report-on=lib

更多关于Flutter未知功能插件gate_generator的潜在用途探索的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter未知功能插件gate_generator的潜在用途探索的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在探索Flutter中未知功能插件gate_generator的潜在用途时,我们可以先尝试理解其可能的功能范畴。由于gate_generator这个名称在Flutter的官方插件库中并不常见,我们可以假设这是一个自定义插件或者是一个较为小众的第三方插件。

在没有具体文档的情况下,我们可以通过分析插件可能提供的接口和功能来推测其用途。通常,一个名为gate_generator的插件可能与以下几种功能相关:

  1. 动态功能开关(Feature Gates):用于在应用程序中动态地启用或禁用某些功能。
  2. 代码生成(Code Generation):可能用于自动生成某些类型的代码,如UI组件、网络请求代码等。
  3. 数据网关(Data Gateway):可能用于管理数据的访问和传输,类似于API网关的概念。

以下是一个基于假设的代码示例,展示了如何使用一个名为gate_generator的插件来动态地启用或禁用某些功能。这个示例假设gate_generator插件提供了一个FeatureGate类,该类允许我们检查特定功能的可用性。

import 'package:flutter/material.dart';
import 'package:gate_generator/gate_generator.dart'; // 假设这是插件的包名

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Gate Generator Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  // 假设FeatureGate类有一个静态方法isFeatureEnabled来检查功能是否启用
  bool isPremiumFeatureEnabled = FeatureGate.isFeatureEnabled('premium_feature');

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Gate Generator Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Premium Feature Enabled: $isPremiumFeatureEnabled',
              style: TextStyle(fontSize: 24),
            ),
            SizedBox(height: 20),
            if (isPremiumFeatureEnabled)
              ElevatedButton(
                onPressed: () {
                  // 导航到高级功能页面
                  Navigator.push(
                    context,
                    MaterialPageRoute(builder: (context) => PremiumFeaturePage()),
                  );
                },
                child: Text('Access Premium Feature'),
              )
            else
              Text('Premium feature is not available.'),
          ],
        ),
      ),
    );
  }
}

class PremiumFeaturePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Premium Feature'),
      ),
      body: Center(
        child: Text('This is the premium feature content!'),
      ),
    );
  }
}

请注意,上述代码仅是一个示例,用于展示如何在一个Flutter应用程序中使用一个假想的gate_generator插件来动态地启用或禁用功能。在实际应用中,你需要根据gate_generator插件的具体API和实现来调整代码。

如果你已经获得了gate_generator插件的源代码或文档,那么你应该参考那些资源来了解如何正确地使用插件。如果插件没有提供足够的文档,你可以尝试查看其源代码来理解其功能和使用方法。

回到顶部