elCaribe app - customization and branding

news-app/lib/ui/screens/splashScreen.dart

@@ -0,0 +1,134 @@
+import 'dart:async';
+import 'dart:io';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:hive/hive.dart';
+import 'package:news/cubits/appLocalizationCubit.dart';
+import 'package:news/cubits/languageCubit.dart';
+import 'package:news/cubits/languageJsonCubit.dart';
+import 'package:news/cubits/settingCubit.dart';
+import 'package:news/ui/screens/auth/Widgets/svgPictureWidget.dart';
+import 'package:news/ui/styles/appTheme.dart';
+import 'package:news/ui/styles/colors.dart';
+import 'package:news/ui/widgets/customTextLabel.dart';
+import 'package:news/ui/widgets/errorContainerWidget.dart';
+import 'package:news/utils/ErrorMessageKeys.dart';
+import 'package:news/utils/uiUtils.dart';
+import 'package:news/app/routes.dart';
+import 'package:news/cubits/appSystemSettingCubit.dart';
+import 'package:news/utils/hiveBoxKeys.dart';
+
+class Splash extends StatefulWidget {
+  const Splash({super.key});
+
+  @override
+  SplashState createState() => SplashState();
+}
+
+class SplashState extends State<Splash> with TickerProviderStateMixin {
+  @override
+  void initState() {
+    super.initState();
+    fetchAppConfigurations();
+  }
+
+  fetchAppConfigurations() {
+    context.read<AppConfigurationCubit>().fetchAppConfiguration();
+  }
+
+  fetchLanguages({required AppConfigurationFetchSuccess state}) async {
+    String currentLanguage = Hive.box(settingsBoxKey).get(currentLanguageCodeKey) ?? "";
+    if (currentLanguage == "" && state.appConfiguration.defaultLangDataModel != null) {
+      context
+          .read<AppLocalizationCubit>()
+          .changeLanguage(state.appConfiguration.defaultLangDataModel!.code!, state.appConfiguration.defaultLangDataModel!.id!, state.appConfiguration.defaultLangDataModel!.isRTL!);
+      context.read<LanguageJsonCubit>().fetchCurrentLanguageAndLabels(state.appConfiguration.defaultLangDataModel!.code!);
+    } else {
+      context.read<LanguageJsonCubit>().fetchCurrentLanguageAndLabels(currentLanguage);
+    }
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (Platform.isAndroid) UiUtils.setUIOverlayStyle(appTheme: AppTheme.Dark); //set UiOverlayStyle to dark - due to fixed splashScreen backgroundColor // according to selected theme
+    return Scaffold(backgroundColor: Theme.of(context).secondaryHeaderColor, body: buildScale());
+  }
+
+  Future<void> navigationPage() async {
+    Future.delayed(const Duration(seconds: 4), () async {
+      final currentSettings = context.read<SettingsCubit>().state.settingsModel;
+      if (context.read<AppConfigurationCubit>().getMaintenanceMode() == "1") {
+        //app is in maintenance mode - no function should be performed
+        Navigator.of(context).pushReplacementNamed(Routes.maintenance);
+      } else if (currentSettings!.showIntroSlider) {
+        Navigator.of(context).pushReplacementNamed(Routes.introSlider);
+      } else {
+        Navigator.of(context).pushReplacementNamed(Routes.home, arguments: false);
+      }
+    });
+  }
+
+  Widget buildScale() {
+    return BlocConsumer<AppConfigurationCubit, AppConfigurationState>(
+        bloc: context.read<AppConfigurationCubit>(),
+        listener: (context, state) {
+          if (state is AppConfigurationFetchSuccess) {
+            fetchLanguages(state: state);
+          }
+        },
+        builder: (context, state) {
+          return BlocConsumer<LanguageJsonCubit, LanguageJsonState>(
+              bloc: context.read<LanguageJsonCubit>(),
+              listener: (context, state) {
+                if (state is LanguageJsonFetchSuccess) {
+                  navigationPage();
+                  context.read<LanguageCubit>().getLanguage(); //Load languages for dynamic link
+                }
+              },
+              builder: (context, langState) {
+                if (state is AppConfigurationFetchFailure) {
+                  return ErrorContainerWidget(
+                    errorMsg: (state.errorMessage.contains(ErrorMessageKeys.noInternet)) ? UiUtils.getTranslatedLabel(context, 'internetmsg') : state.errorMessage,
+                    onRetry: () {
+                      fetchAppConfigurations();
+                    },
+                  );
+                } else if (langState is LanguageJsonFetchFailure) {
+                  return ErrorContainerWidget(
+                    errorMsg: (langState.errorMessage.contains(ErrorMessageKeys.noInternet)) ? UiUtils.getTranslatedLabel(context, 'internetmsg') : langState.errorMessage,
+                    onRetry: () {
+                      fetchLanguages(state: state as AppConfigurationFetchSuccess);
+                    },
+                  );
+                } else {
+                  return Container(
+                    width: double.maxFinite,
+                    decoration: BoxDecoration(color: primaryColor),
+                    child: Column(mainAxisSize: MainAxisSize.min, children: [const SizedBox(height: 220), splashLogoIcon(), newsTextIcon(), subTitle(), const Spacer(), bottomText()]),
+                  );
+                }
+              });
+        });
+  }
+
+  Widget splashLogoIcon() {
+    return Center(child: SvgPictureWidget(assetName: "splash_icon", height: 110.0, fit: BoxFit.fill));
+  }
+
+  Widget newsTextIcon() {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 20.0),
+      child: Center(child: SvgPictureWidget(assetName: "caribe_blanco", height: 58.0, width: 300, fit: BoxFit.fill)),
+    );
+  }
+
+  Widget subTitle() =>
+      CustomTextLabel(text: 'fastTrendNewsLbl', textAlign: TextAlign.center, textStyle: Theme.of(context).textTheme.bodyMedium!.copyWith(color: backgroundColor, fontWeight: FontWeight.bold));
+
+  Widget bottomText() => Container(margin: const EdgeInsetsDirectional.only(bottom: 20), child: SvgPictureWidget(assetName: "wrteam_logo", height: 40.0, fit: BoxFit.fill));
+}