RtDependencyRef

RtDependencyRef is a class that represents a reference to a dependency managed by Reactter’s dependency injection system.

Syntax

  RtDependencyRef<T>([String? id]);

The RtDependencyRef class accepts this parameter:

• id : (optional) A unique identifier for the dependency.

Usage

To use RtDependencyRef , you need to instantiate it, pass the type of dependency you want to reference and use for event handling, e.g.:

• counter_view.dart
• counter_controller.dart
• counter.dart
• main.dart

import 'package:flutter/material.dart';
import 'package:flutter_reactter/flutter_reactter.dart';
import 'counter.dart';
import 'counter_controller.dart';

class CounterView extends StatelessWidget {
  const CounterView({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    Rt.on(
      RtDependencyRef<CounterController>(),
      Lifecycle.unregistered,
      (_, __) => print('CounterController unregistered'),
    );

    Rt.on(
      RtDependencyRef<CounterController>(),
      Lifecycle.registered,
      (_, __) => print('CounterController registered'),
    );

    Rt.on(
      RtDependencyRef<CounterController>(),
      Lifecycle.created,
      (_, __) => print('CounterController created'),
    );

    Rt.on(
      RtDependencyRef<CounterController>(),
      Lifecycle.deleted,
      (_, __) => print('CounterController deleted'),
    );

    final showCounter = Signal(false);

    return Scaffold(
      appBar: AppBar(
        title: const Text("Counter - Lifecycle using EventHandler"),
      ),
      body: RtSignalWatcher(
        builder: (context, child) {
          return Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                ElevatedButton(
                  onPressed: () => showCounter(!showCounter.value),
                  child: showCounter.value
                      ? const Text('Hide counter')
                      : const Text('Show Counter'),
                ),
                const SizedBox(height: 8),
                if (showCounter.value) const Counter(),
              ],
            ),
          );
        },
      ),
    );
  }
}

import 'package:flutter_reactter/flutter_reactter.dart';

class CounterController {
  final count = Signal(0);

  CounterController() {
    Rt.on(this, Lifecycle.willMount, (_, __) {
      print('CounterController will mount');
    });

    Rt.on(this, Lifecycle.didMount, (_, __) {
      print('CounterController did mount');
    });

    Rt.on(this, Lifecycle.willUpdate, (_, state) {
      print('CounterController will update by ${state.runtimeType}');
    });

    Rt.on(this, Lifecycle.didUpdate, (_, state) {
      print('CounterController did updated by ${state.runtimeType}');
    });

    Rt.on(this, Lifecycle.willUnmount, (_, __) {
      print('CounterController will unmount');
    });

    Rt.on(this, Lifecycle.didUnmount, (_, __) {
      print('CounterController did unmount');
    });
  }

  void increment() {
    count.value++;
  }

  void decrement() {
    count.value--;
  }
}

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

import 'counter_controller.dart';

class Counter extends StatelessWidget {
  const Counter({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // Provide the `CounterController` dependency to the widget tree
    return RtProvider<CounterController>(
      () => CounterController(),
      builder: (context, counterController, child) {
        return Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            ElevatedButton(
              onPressed: counterController.decrement,
              child: const Icon(Icons.remove),
            ),
            const SizedBox(width: 8),
            // Observe the `count` property of the `counterController`
            // and rebuild the widget tree when the `count` value changes
            RtConsumer<CounterController>(
              listenStates: (counterController) => [counterController.count],
              builder: (context, counterController, child) {
                return Text("${counterController.count}");
              },
            ),
            const SizedBox(width: 8),
            ElevatedButton(
              onPressed: counterController.increment,
              child: const Icon(Icons.add),
            ),
          ],
        );
      },
    );
  }
}

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: CounterView(),
    );
  }
}