Fix data propagation between widgets

android/gradle.properties

 org.gradle.jvmargs=-Xmx1536M
 android.useAndroidX=true
 android.enableJetifier=true
-app.versionName=1.0.35
-app.versionCode=36
+app.versionName=1.0.36
+app.versionCode=37

lib/cubit/data_cubit.dart

@@ -11,6 +11,10 @@ class DataCubit extends HydratedCubit<DataState> {
     emit(state);
   }
 
+  void updateCounter(int delta) {
+    emit(DataState(counter: (state.counter ?? 0) + delta));
+  }
+
   @override
   DataState? fromJson(Map<String, dynamic> json) {
     int counter = json['counter'] as int;

lib/main.dart

@@ -2,11 +2,15 @@ import 'dart:io';
 
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:hive/hive.dart';
 import 'package:hydrated_bloc/hydrated_bloc.dart';
 import 'package:path_provider/path_provider.dart';
 
 import 'package:random/config/theme.dart';
+import 'package:random/cubit/bottom_nav_cubit.dart';
+import 'package:random/cubit/data_cubit.dart';
+import 'package:random/cubit/settings_cubit.dart';
 import 'package:random/ui/skeleton.dart';
 
 void main() async {
@@ -38,7 +42,13 @@ class MyApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
+    return MultiBlocProvider(
+      providers: [
+        BlocProvider<SettingsCubit>(create: (context) => SettingsCubit()),
+        BlocProvider<BottomNavCubit>(create: (context) => BottomNavCubit()),
+        BlocProvider<DataCubit>(create: (context) => DataCubit()),
+      ],
+      child: MaterialApp(
         title: 'Random application',
         theme: appTheme,
         home: SkeletonScreen(),
@@ -46,6 +56,7 @@ class MyApp extends StatelessWidget {
         supportedLocales: context.supportedLocales,
         locale: context.locale,
         debugShowCheckedModeBanner: false,
+      ),
     );
   }
 }

lib/ui/screens/demo_page.dart

@@ -21,7 +21,10 @@ class DemoPage extends StatelessWidget {
           SizedBox(height: 8),
           AppHeader(text: 'TOP'),
           SizedBox(height: 20),
-          persistedCounterBlock(),
+          persistedCounterBlock(BlocProvider.of<DataCubit>(context)),
+          SizedBox(height: 20),
+          testBlocConsumer(),
+          testBlocBuilder(),
           SizedBox(height: 20),
           fakeApiCall(),
           SizedBox(height: 20),
@@ -31,17 +34,7 @@ class DemoPage extends StatelessWidget {
     );
   }
 
-  Widget persistedCounterBlock() {
-    return BlocProvider<DataCubit>(
-      create: (BuildContext context) => DataCubit(),
-      child: BlocBuilder<DataCubit, DataState>(
-        builder: (BuildContext context, DataState state) {
-          void updateCounter(int delta) {
-            BlocProvider.of<DataCubit>(context).getData(
-              DataState(counter: (state.counter ?? 0) + delta),
-            );
-          }
-
+  Widget persistedCounterBlock(DataCubit dataCubit) {
     return Row(
       mainAxisAlignment: MainAxisAlignment.center,
       crossAxisAlignment: CrossAxisAlignment.center,
@@ -49,43 +42,60 @@ class DemoPage extends StatelessWidget {
         IconButton(
           icon: Icon(UniconsSolid.arrow_circle_down),
           color: appTheme.primaryColor,
-                onPressed: () => updateCounter(-1),
-              ),
-              Padding(
-                padding: EdgeInsets.all(10),
-                child: Text(state.counter.toString()),
+          onPressed: () => dataCubit.updateCounter(-1),
         ),
+        testBlocConsumer(),
         IconButton(
           icon: Icon(UniconsSolid.arrow_circle_up),
           color: appTheme.primaryColor,
-                onPressed: () => updateCounter(1),
+          onPressed: () => dataCubit.updateCounter(1),
         ),
       ],
     );
-        },
-      ),
-    );
   }
 
   Widget fakeApiCall() {
-    return BlocProvider<SettingsCubit>(
-      create: (BuildContext context) => SettingsCubit(),
-      child: BlocBuilder<SettingsCubit, SettingsState>(
-        builder: (BuildContext context, SettingsState state) {
-          SettingsCubit settings = BlocProvider.of<SettingsCubit>(context);
-
+    return BlocBuilder<SettingsCubit, SettingsState>(
+      builder: (context, settingsSate) {
         return Column(
           mainAxisAlignment: MainAxisAlignment.center,
           crossAxisAlignment: CrossAxisAlignment.center,
           children: [
-              Text('apiUrl: ' + settings.getApiUrl()),
-              Text('securityToken: ' + settings.getSecurityToken()),
-              Text('interfaceType: ' + settings.getInterfaceType().toString()),
-              Text('unknown: ' + settings.getSetting('unknown', 'undefined').toString()),
+            Text('apiUrl: ' + settingsSate.apiUrl.toString()),
+            Text('securityToken: ' + (settingsSate.securityToken.toString())),
+            Text('interfaceType: ' + settingsSate.interfaceType.toString()),
           ],
         );
       },
-      ),
+    );
+  }
+
+  Widget testBlocConsumer() {
+    return BlocConsumer<DataCubit, DataState>(
+      listener: (context, dataState) {
+        // do stuff here based on state
+      },
+      builder: (context, dataState) {
+        // return widget here based on state
+        return Text('BlocConsumer / ' + dataState.toString());
+      },
+    );
+  }
+
+  Widget testBlocListener() {
+    return BlocListener<DataCubit, DataState>(
+      listener: (context, dataState) {
+        // do stuff here based on state
+      },
+    );
+  }
+
+  Widget testBlocBuilder() {
+    return BlocBuilder<DataCubit, DataState>(
+      builder: (context, dataState) {
+        // return widget here based on state
+        return Text('BlocBuilder / ' + dataState.toString());
+      },
     );
   }
 }

lib/ui/skeleton.dart

@@ -3,7 +3,6 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_swipe/flutter_swipe.dart';
 
 import 'package:random/cubit/bottom_nav_cubit.dart';
-import 'package:random/cubit/settings_cubit.dart';
 import 'package:random/ui/screens/about_page.dart';
 import 'package:random/ui/screens/demo_page.dart';
 import 'package:random/ui/screens/graph_page.dart';
@@ -21,8 +20,6 @@ class SkeletonScreen extends StatefulWidget {
 class _SkeletonScreenState extends State<SkeletonScreen> {
   @override
   Widget build(BuildContext context) {
-    print('SkeletonScreen - build');
-
     const List<Widget> pageNavigation = <Widget>[
       DemoPage(),
       GraphPage(),
@@ -30,22 +27,13 @@ class _SkeletonScreenState extends State<SkeletonScreen> {
       AboutPage(),
     ];
 
-    return BlocProvider<SettingsCubit>(
-      create: (BuildContext context) => SettingsCubit(),
-      child: BlocProvider<BottomNavCubit>(
-        create: (BuildContext context) => BottomNavCubit(),
-        child: BlocBuilder<BottomNavCubit, int>(
-          builder: (BuildContext context, int state) {
     return Scaffold(
       extendBodyBehindAppBar: false,
       appBar: StandardAppBar(),
       body: Swiper(
         itemCount: BlocProvider.of<BottomNavCubit>(context).pagesCount,
         itemBuilder: (BuildContext context, int index) {
-                  return AnimatedSwitcher(
-                    duration: const Duration(milliseconds: 300),
-                    child: pageNavigation.elementAt(index),
-                  );
+          return pageNavigation.elementAt(index);
         },
         pagination: SwiperPagination(
           builder: SwiperCustomPagination(
@@ -62,9 +50,5 @@ class _SkeletonScreenState extends State<SkeletonScreen> {
       ),
       backgroundColor: Theme.of(context).colorScheme.background,
     );
-          },
-        ),
-      ),
-    );
   }
 }

lib/ui/widgets/app_bar.dart

@@ -7,8 +7,6 @@ class StandardAppBar extends StatelessWidget implements PreferredSizeWidget {
 
   @override
   Widget build(BuildContext context) {
-    print('StandardAppBar - build');
-
     return AppBar(
       title: AppHeader(text: 'app_name'),
       actions: [

lib/ui/widgets/header_app.dart

@@ -2,6 +2,7 @@ import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 
+import 'package:random/cubit/data_cubit.dart';
 import 'package:random/cubit/settings_cubit.dart';
 import 'package:random/models/interface_type.dart';
 
@@ -12,24 +13,38 @@ class AppHeader extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    print('AppHeader - build (' + this.text + ')');
-
-    return BlocProvider<SettingsCubit>(
-      create: (BuildContext context) => SettingsCubit(),
-      child: BlocBuilder<SettingsCubit, SettingsState>(
-        builder: (BuildContext context, SettingsState state) {
-          SettingsCubit settings = BlocProvider.of<SettingsCubit>(context);
-
-          bool isExpert = settings.getInterfaceType() == InterfaceType.expert;
-          String titleSuffix = isExpert ? ' ⭐' : '';
-
-          return Text(
-            tr(text) + titleSuffix,
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.start,
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          tr(text),
           textAlign: TextAlign.start,
           style: Theme.of(context).textTheme.headlineMedium!.apply(fontWeightDelta: 2),
+        ),
+        SizedBox(width: 2),
+        expertInterfaceIndicator(),
+        SizedBox(width: 2),
+        dataCounterIndicator(),
+      ],
+    );
+  }
+
+  Widget expertInterfaceIndicator() {
+    return BlocBuilder<SettingsCubit, SettingsState>(
+      builder: (BuildContext context, SettingsState settingsState) {
+        bool isExpert = settingsState.interfaceType == InterfaceType.expert;
+
+        return Text(isExpert ? '⭐' : '');
+      },
     );
+  }
+
+  Widget dataCounterIndicator() {
+    return BlocBuilder<DataCubit, DataState>(
+      builder: (context, dataState) {
+        return Text('(' + dataState.counter.toString() + ')');
       },
-      ),
     );
   }
 }

pubspec.yaml

@@ -3,7 +3,7 @@ description: A random application, for testing purpose only.
 
 publish_to: 'none'
 
-version: 1.0.35+36
+version: 1.0.36+37
 
 environment:
   sdk: '^3.0.0'