Multi Bloc Builder

This plugin relies on the flutter_multi_bloc_builder package. It was developed to address issues encountered with its functionality and extends support for additional features.

Developer account on LinkedIn Link.

A Flutter package that helps implement the BLoC pattern It is best used as an extension with the flutter_bloc package which already provides MultiBlocProvider , MultiBlocListenerX and MultiBlocConsumer.

This package is built to work with bloc.

MultiBlocBuilder

MultiBlocBuilder is a Flutter widget which requires minimum one Bloc and a builder function. MultiBlocBuilder handles building the widget in response to new states.

The MultiBlocBuilder requires two parameters.

• blocs: Specify which bloc states the MultiBlocBuilder should observe for building the widget
• builder: Anonymous function which returnes your custom widget tree that rebuilds on each state change.

How to use:

final bloc1 = BlocProvider.of<MyBloc1>(context);
final bloc2 = BlocProvider.of<MyBloc2>(context);
final bloc3 = BlocProvider.of<MyBloc2>(context);

MultiBlocBuilder(
    blocs: [bloc1, bloc2, bloc3],
    builder: (context, states) {
        final state1 = states.get<MyBloc1State>();
        final state2 = states.get<MyBloc2State>();
        final state3 = states.get<MyBloc3State>();
        
        if (state1 is Loading || state2 is Loading || state3 is Loading) {
            return Text("Loading");
        } else {
            return Text("SHow some content");
        }
    }
);

MultiBlocListenerX

MultiBlocListenerX is a Flutter widget which requires minimum one Bloc and a listener function. MultiBlocListner handles building the widget in response to new states.

The MultiBlocListenerX requires three parameters.

• blocs: Specify which bloc states the MultiBlocListner should observe for building the widget

• listner: An anonymous function that contains your code to listen for state changes in the BLoC. This function is triggered every time the state changes.

• builder: Anonymous function which returnes your custom widget tree that rebuilds on each state change.

How to use:

final bloc1 = BlocProvider.of<MyBloc1>(context);
final bloc2 = BlocProvider.of<MyBloc2>(context);
final bloc3 = BlocProvider.of<MyBloc2>(context);

MultiBlocListenerX(
    blocs: [bloc1, bloc2, bloc3],
    listener: (context, states) {
        final state1 = states.get<MyBloc1State>();
        final state2 = states.get<MyBloc2State>();
        final state3 = states.get<MyBloc3State>();
        
        if (state1 is Loading || state2 is Loading || state3 is Loading) {
            // ... Do Something
        } else {
             // ... Do Something
        }
    },
    child: SizedBox.shrink()
);

MultiBlocConsumer

MultiBlocConsumer is a Flutter widget which requires minimum one Bloc , a listener function. MultiBlocConsumer handles building the widget in response to new states.

The MultiBlocConsumer requires three parameters.

• blocs: Specify which bloc states the MultiBlocListner should observe for building the widget
• listener: Anonymous function which have your code that listen on each state change.
• builder: Anonymous function which returnes your custom widget tree that rebuilds on each state change.

How to use:

final bloc1 = BlocProvider.of<MyBloc1>(context);
final bloc2 = BlocProvider.of<MyBloc2>(context);
final bloc3 = BlocProvider.of<MyBloc2>(context);

MultiBlocListner(
blocs: [bloc1, bloc2, bloc3],
listener: (context, states) {
final state1 = states.get<MyBloc1State>();
final state2 = states.get<MyBloc2State>();
final state3 = states.get<MyBloc3State>();

if (state1 is Loading || state2 is Loading || state3 is Loading) {
// ... Do Something
} else {
// ... Do Something
}
},
builder: (context, states) {
final state1 = states.get<MyBloc1State>();
final state2 = states.get<MyBloc2State>();
final state3 = states.get<MyBloc3State>();

if (state1 is Loading || state2 is Loading || state3 is Loading) {
return Text("Loading");
} else {
return Text("SHow some content");
}
}
);