flutter_bloc_mediator 1.0.2

A Flutter package enabling message delegation between BLoCs using the Mediator pattern, improving modularity, maintainability, and testability.

example/lib/main.dart

import 'package:example/locator.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'blocs/counter_a/counter_a_bloc.dart';
import 'blocs/counter_b/counter_b_bloc.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  setUpLocator();
  runApp(const MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Bloc Mediator Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  void _incrementCounterA() {
    locator<CounterABloc>().add(IncrementAEvent());
  }

  void _incrementCounterB() {
    locator<CounterBBloc>().add(IncrementBEvent());
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text("Flutter Bloc Mediator"),
      ),
      body: Column(
        spacing: 24,
        children: [
          Padding(
            padding: const EdgeInsets.only(top: 48.0),
            child: BlocBuilder<CounterABloc, CounterAState>(
              bloc: locator<CounterABloc>(),
              builder: (context, state) {
                return Column(
                  spacing: 8,
                  children: [
                    Text(
                      "Counter A:",
                      style:
                          TextStyle(fontSize: 18, fontWeight: FontWeight.w600),
                    ),
                    CounterText(
                      otherName: "B",
                      value: "${state.count}",
                      otherValue: "${state.blocBCount}",
                    )
                  ],
                );
              },
            ),
          ),
          BlocBuilder<CounterBBloc, CounterBState>(
            bloc: locator<CounterBBloc>(),
            builder: (context, state) {
              return Column(
                spacing: 8,
                children: [
                  Text("Counter B:",
                      style:
                          TextStyle(fontSize: 18, fontWeight: FontWeight.w600)),
                  CounterText(
                    otherName: "A",
                    value: "${state.count}",
                    otherValue: "${state.blocACount}",
                  )
                ],
              );
            },
          ),
          Row(
            spacing: 16,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                onPressed: _incrementCounterA,
                child: Text("Increment A"),
              ),
              ElevatedButton(
                onPressed: _incrementCounterB,
                child: Text("Increment B"),
              )
            ],
          )
        ],
      ),
    );
  }
}

class CounterText extends StatelessWidget {
  const CounterText(
      {super.key,
      required this.value,
      required this.otherValue,
      required this.otherName});

  final String value;
  final String otherValue;
  final String otherName;

  @override
  Widget build(BuildContext context) {
    return RichText(
        text: TextSpan(
            text: "My Value is: ",
            style: TextStyle(fontSize: 14, color: Colors.black),
            children: [
          TextSpan(
              text: value,
              style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600)),
          TextSpan(
              text: ", while Counter",
              style: TextStyle(fontSize: 14, color: Colors.black)),
          TextSpan(
              text: " $otherName ",
              style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600)),
          TextSpan(
              text: "value is: ",
              style: TextStyle(fontSize: 14, color: Colors.black)),
          TextSpan(
              text: otherValue,
              style: TextStyle(fontSize: 14, fontWeight: FontWeight.w600))
        ]));
  }
}