Skip to main content

Dependency Injection

We generally code with maintainability and scalability in mind, applying project-specific patterns to a given function and improving the structure of our code. We must pay attention to our code, otherwise it can become a hidden problem. Let's look at a practical example:

class Client {  void sendEmail(String email, String title, String body){    final xpto = XPTOEmail();    xpto.sendEmail(email, title, body);  }}

Here we have a Client class with a method called sendEmail() running the send routine on XPTOEmail class instance. Despite being a simple and functional approach, having a class instance within the method, it presents some problems:

  • Makes it impossible to replace the instance xpto.
  • Makes Unit Tests more difficult, as you would not be able to create XPTOEmail() Fake/Mock instance.
  • Entirely dependent on the functioning of an external class.

We call it "Dependency Coupling" when we use an outer class in this way, because the Client class is totally dependent on the functioning of the XPTOEmail object.

To break a class's bond with its dependency, we generally prefer to "inject" the dependency instances through a constructor, setters, or methods. That's what we call "Dependency Injection".

Let's fix the Customer class by injecting the XPTOEmail instance by constructor:

class Client {
  final XPTOEmail xpto;  Client(this.xpto);
  void sendEmail(String email, String title, String body){    xpto.sendEmail(email, title, body);  }}

This way, we reduce the coupling XPTOEmail object has to the Client object.

We still have a problem with this implementation. Despite cohesion, the Client class has a dependency on an external source, and even being injected by constructor, replacing it with another email service would not be a simple task. Our code still has coupling, but we can improve this using interfaces. Let's create an interface to define a signature, or "contract" for the sendEmail method. With this in place, any class that implements this interface can be injected into the class Client:

abstract class EmailService {  void sendEmail(String email, String title, String body);}
class XPTOEmailService implements EmailService {
  final XPTOEmail;  XPTOEmailService(this.xpto);
  void sendEmail(String email, String title, String body) {    xpto.sendEmail(email, title, body);  }}

So we can create implementations of any email services. Finally, let's replace the dependency on XPTOEmail by the EmailService interface:

class Client {
  final EmailService service;  Client(this.service);
  void sendEmail(String email, String title, String body){    service.sendEmail(email, title, body);  }}

Then We create the Client instance:

//dependenciesfinal xpto = XPTOEmail();final service = XPTOEmailService(xpto)
// instancefinal client = Client(service);

This object creation method solves coupling issues but may increase instance creation complexity, as we can see in the Client class. The flutter_modular Dependency Injection System solves this problem simply and effectively.

Instance registration#

The strategy for building an instance with its dependencies comprise register all objects in a module and manufactures them on demand or in single-instance form(singleton). This 'registration' is called Bind.

There are a few ways to build a Bind to register object instances:

  • Bind.singleton: Build an instance only once when the module starts.
  • Bind.lazySingleton: Build an instance only once when prompted.
  • Bind.factory: Build an instance on demand.
  • Bind.instance: Adds an existing instance.

We register the binds in AppModule:

class AppModule extends Module {  @override  List<Bind> get binds => [    Bind.factory((i) => XPTOEmail())    Bind.factory<EmailService>((i) => XPTOEmailService(i()))    Bind.singleton((i) => Client(i()))  ];    ...}

Note that we placed an i() instead of the dependencies instance. This will be responsible to allocate the dependencies automatically.

To get a resolved instance use Modular.get:

final client = Modular.get<Client>();
// or set a default valuefinal client = Modular.get<Client>(defaultValue: Client());

A default constructor Bind() is the same as Bind.lazySingleton();


flutter_modular can also resolve asynchronous dependencies. To do this, use AsyncBind instead of Bind:

class AppModule extends Module {  @override  List<Bind> get binds => [    AsyncBind<SharedPreferences>((i) => SharedPreferences.getInstance()),    ...  ];  ...}

By now we need to transform the AsyncBind into synchronous Bind in order to resolve the other instances. Therefore, we use Modular.isModuleReady() passing the module type in generics;

await Modular.isModuleReady<AppModule>();

This action will convert all AsyncBinds to synchronous Binds and singletons.


We can get the asynchronous instance directly too without having to convert to a synchronous bind using Modular.getAsync();

Auto Dispose#

The lifetime of a Bind singleton ends when its module 'dies'. But there are some objects that, by default, run an instance destruction routine and are automatically removed from memory. Here they are:

  • Stream/Sink (Dart Native).
  • ChangeNotifier/ValueNotifier (Flutter Native).

For registered objects that are not part of this list, we can implement a Disposable interface on the instance where we want to run an algorithm before dispose:

class MyController implements Disposable {  final controller = StreamController();
  @override  void dispose() {    controller.close();  }}

The dispose of an instance can be set directly in Bind by implementing the onDispose property:

@overridefinal List<Bind> binds = [  Bind.singleton((i) => MyBloc(), onDispose: (bloc) => bloc.close()),];

There are pre-configured Bind for BLoC and Triple. See the packages modular_bloc_bind and modular_triple_bind

flutter_modular also offers a singleton removal option from the dependency injection system by calling the Modular.dispose() method even with an active module:


Hot Reload#

The modular is hot-reload friendly, but, singleton binds are not notified. Use the ReassembleMixin for this:

import 'package:flutter_modular/flutter_modular.dart';
class ProductController with ReassembleMixin {  @override  void reassemble() {    //called when the hot reload happens.    print('reassemble');  }}