Flutter - Blockbuilder - Getter received null - flutter

Question

I need to pass several getter through cubit to retieve data for each variable productAnalytics failed to be retrieve as cubit can provide one variable at a time.
When I restructure the Blockbuilder to return each Expand widget, it failes.
What is the best way to retrieve data for each widget in the codes below?
BlocBuilder(
cubit: inventoryBloc,
// cubit:productAnalytics,
builder: (context, state) {
if (state is GetInventoryAnalyticsInProgressState
||
state is GetProductAnalyticsInProgressState) {
return Center(
child: CircularProgressIndicator(),
);
}
if (state is GetInventoryAnalyticsFailedState
||
state is GetProductAnalyticsFailedState
) {
return Text('FAILED');
}
if (state is GetInventoryAnalyticsCompletedState ||
state is GetProductAnalyticsCompletedState
) {
inventoryAnalytics = state.inventoryAnalytics;
productAnalytics = state.productAnalytics;
return
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.max,
children: <Widget>[
Expanded(
child: ClipRRect(
borderRadius: BorderRadius.circular(5),
child: Material(
child:
InkWell(
splashColor: CompanyColors.color[700].withOpacity(0.5),
onTap: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => AllCategoriesScreen(cartBloc: null, firebaseUser: null, categoryList: [],),
));
},
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 5, sigmaY: 1),
child: Container(
padding: const EdgeInsets.all(10.0),
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topRight,
end: Alignment.bottomLeft,
colors: [
CompanyColors.color[100].withOpacity(0.8),
CompanyColors.color[100].withOpacity(0.95),
], ),
// color: CompanyColors.color[500].withOpacity(0.10),
borderRadius: BorderRadius.circular(5.0),
border: Border.all(
width: 1.0,
style: BorderStyle.solid,
color: CompanyColors.color[700].withOpacity(1),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text(
'VOTRE PORTEFEUILLE',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
style: GoogleFonts.poppins(
color: CompanyColors.color[50],
fontSize: 15,
fontWeight: FontWeight.w500,
),
),
SizedBox(
height: 5.0,
),
Container(
width: 55.0,
height: 55.0,
alignment: Alignment.center,
padding: const EdgeInsets.all(15.0),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: CompanyColors.color[700].withOpacity(0.9),
),
child: Text(
'${inventoryAnalytics.allCategories}',
style: GoogleFonts.poppins(
color: CompanyColors.color[50],
fontSize: 18.0,
fontWeight: FontWeight.w600,
),
),
),
SizedBox(
height: 10.0,
),
Row(
crossAxisAlignment:
CrossAxisAlignment.center,
children: <Widget>[
// Expanded(
// child: Text(
// '${orderAnalytics.totalOrders}',
// style: GoogleFonts.poppins(
// color: CompanyColors.color[800]87,
// fontSize: 18.0,
// fontWeight: FontWeight.w600,
// ),
// ),
// ),
],
),
],
),
),
),
),
),
),
),
SizedBox(
width: 15.0,
),
Expanded(
child: ClipRRect(
borderRadius: BorderRadius.circular(5),
child: Material(
child:
InkWell(
splashColor: CompanyColors.color[600].withOpacity(0.5),
onTap: () {
HapticFeedback.heavyImpact();
Navigator.push(
context,
MaterialPageRoute(builder: (context) => ShopPage()),
);
},
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 5, sigmaY: 1),
child: Container(
padding: const EdgeInsets.all(10.0),
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topRight,
end: Alignment.bottomLeft,
colors: [
CompanyColors.color[100].withOpacity(0.7),
CompanyColors.color[100].withOpacity(0.95),
], ),
// color: CompanyColors.color[500].withOpacity(0.10),
borderRadius: BorderRadius.circular(5.0),
border: Border.all(
width: 1.0,
style: BorderStyle.solid,
color: CompanyColors.color[600].withOpacity(1),
),
),
child: Column(
// background:
crossAxisAlignment:
CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text(
'COMMANDER POUR UN CLIENT',
textAlign: TextAlign.center,
overflow: TextOverflow.clip,
style: GoogleFonts.poppins(
color: CompanyColors.color[50],
fontSize: 15,
fontWeight: FontWeight.w500,
),
),
SizedBox(
height: 10.0,
),
Container(
width: 55.0,
height: 55.0,
alignment: Alignment.center,
padding: const EdgeInsets.all(15.0),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: CompanyColors.color[600].withOpacity(0.9),
),
child: Text(
'${productAnalytics.allProducts}',
style: GoogleFonts.poppins(
color: CompanyColors.color[50],
fontSize: 18.0,
fontWeight: FontWeight.w600,
),
),
),
SizedBox(
height: 10.0,
),
Row(
crossAxisAlignment:
CrossAxisAlignment.center,
children: <Widget>[
],
),
],
),
),
),
),),
),),
],
);
}
return SizedBox();
},
),```