Flutter插件dime_flutter的使用_将Dime依赖注入引入到Flutter，并提供了可用的帮助方法和小部件

Flutter插件dime_flutter的使用_将Dime依赖注入引入到Flutter，并提供了可用的帮助方法和小部件

Dime Flutter 包

将Dime依赖注入引入到Flutter，并提供了可用的帮助方法和小部件。

Flutter插件dime_flutter入门指南

查看Dime包以了解BaseModules和定义。

使用DimeScopeFlutter包裹子部件并提供该范围的模块列表。根范围的模块总是作为后备。 使用DimeFlutter.scopeOf(...)作为继承小部件来获取DimeScope，以便在树下获取所需的实例。

Dime Scope 获取树上数据的例子

测试类可以在主文件中引用，例如scope_test.dart中的测试。

模块：

范围图：

示例注入：

• scope2.inject<CA> - 来自scope2.ModuleC.CA
• Dime.inject<CA> - 来自dime.ModuleC.CA
• scope1.inject<CA> - 来自dime.ModuleC.CA
• scope1.inject<AA> - 来自scope1.ModuleA.AA
• scope2.inject<BC> - 未找到 - 无法访问其他范围
• scope2.inject<AB> - 来自scope2.ModuleA.AB
• Dime.inject<AA> - 来自dime.ModuleXX.AA
• Dime.inject<AB> - 未找到 - Dime不能钻取到范围
• Dime.inject<CC> - 来自dime.ModuleC.CC
• scope21.inject<AA> - 来自scope2.ModuleA.AA
• scope21.inject<CC> - 来自scope21.ModuleC.CC
• scope22.inject<AC> - 来自scope22.ModuleA.AC
• scope22.inject<CB> - 来自scope2.ModuleC.CB
• scope21.inject<BB> - 来自dime.ModuleX.BB

示例代码

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

import 'di.dart';

void main(List<String> args) {
  runApp(DimeApp());
}

class DimeApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return DimeScopeFlutter(
      scopeName: "myroot",
      modules: [
        ServiceModule(),
        UiModule(),
      ],
      child: MaterialApp(
        title: "Dime 测试 App",
        theme: Theme.of(context).copyWith(primaryColor: Colors.amber),
        initialRoute: "/",
        routes: {"/": (ctx) => HomePage(), "/A": (_) => TestAPageScope()},
      ),
    );
  }
}

AppBar provideAppBar(BuildContext context) {
  var title = DimeFlutter.get<TitleService>(context).text;
  // 更好地用Theme对象包装它
  return AppBar(
    title: Text(title),
  );
}

class HomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    var theme = 
        DimeFlutter.get<ThemeGenerator>(context).updateTheme(Theme.of(context));
    return Theme(
      data: theme,
      child: Scaffold(
        appBar: provideAppBar(context),
        body: Container(
          width: double.infinity,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Text("首页"),
              ElevatedButton(
                child: Text("页面 A"),
                onPressed: () {
                  Navigator.of(context).push(
                    MaterialPageRoute(builder: (_) => TestAPageScope()),
                  );
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

class TestAPageScope extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return DimeScopeFlutter(
      scopeName: "test-a",
      modules: [RedUiModule()..addSingle<TitleService>(TitlePageAService())],
      child: TestAPage(),
    );
  }
}

class TestAPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    var theme = 
        DimeFlutter.get<ThemeGenerator>(context).updateTheme(Theme.of(context));
    return Theme(
      data: theme,
      child: Scaffold(
        appBar: provideAppBar(context),
        body: Container(
          width: double.infinity,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Text("测试页面 A"),
              ElevatedButton(
                child: Text("页面 A 1"),
                onPressed: () {},
              ),
            ],
          ),
        ),
      ),
    );
  }
}