animated_splash_screen.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_svg/svg.dart';
import 'package:go_router/go_router.dart';
 
import '../../../features/auth/presentation/bloc/authentication_bloc/authentication_bloc.dart';
import '../../../features/home/presentation/bloc/home_bloc.dart';
import '../../../features/home/domain/entities/res/res_schedule_status_entity.dart';
import '../../constants/assets.dart';
import '../../router/routes.dart';
import '../../services/check_in_service.dart';
// import '../../services/user_info_service.dart';
import '../theme/color_palette.dart';
import '../widgets/splash_screen_circles_painter.dart';
 
class AnimatedSplashScreen extends StatefulWidget {
  const AnimatedSplashScreen({super.key});
 
  @override
  State<AnimatedSplashScreen> createState() => _AnimatedSplashScreenState();
}
 
class _AnimatedSplashScreenState extends State<AnimatedSplashScreen> with TickerProviderStateMixin {
  late AnimationController _logoController;
  late AnimationController _backgroundController;
  late AnimationController _fadeController;
  late Animation<double> _logoScaleAnimation;
  late Animation<double> _backgroundAnimation;
  late Animation<double> _fadeAnimation;
  
  @override
  void initState() {
    super.initState();
    
    _logoController = AnimationController(
      vsync: this,
      duration: const Duration(milliseconds: 1500),
    );
    
    _backgroundController = AnimationController(
      vsync: this,
      duration: const Duration(milliseconds: 2000),
    );
    
    _fadeController = AnimationController(
      vsync: this,
      duration: const Duration(milliseconds: 800),
    );
    
    _logoScaleAnimation = TweenSequence<double>([
      TweenSequenceItem(
        tween: Tween<double>(begin: 0.0, end: 1.2)
            .chain(CurveTween(curve: Curves.easeOut)),
        weight: 60,
      ),
      TweenSequenceItem(
        tween: Tween<double>(begin: 1.2, end: 1.0)
            .chain(CurveTween(curve: Curves.easeInOut)),
        weight: 40,
      ),
    ]).animate(_logoController);
    
    _backgroundAnimation = Tween<double>(
      begin: 0.0,
      end: 1.0,
    ).animate(
      CurvedAnimation(
        parent: _backgroundController,
        curve: Curves.easeInOut,
      ),
    );
    
    _fadeAnimation = Tween<double>(
      begin: 0.0,
      end: 1.0,
    ).animate(_fadeController);
    
    _backgroundController.forward();
    _logoController.forward();
    _fadeController.forward();
    
    _initializeApp();
  }
  
  Future<void> _initializeApp() async {
    await Future.delayed(const Duration(milliseconds: 1200));
    if (mounted) {
      context.read<AuthenticationBloc>().add(LoadSessionEvent());
    }
  }
  
  @override
  void dispose() {
    _logoController.dispose();
    _backgroundController.dispose();
    _fadeController.dispose();
    super.dispose();
  }
 
  @override
  Widget build(BuildContext context) {
    return MultiBlocListener(
      listeners: [
        BlocListener<AuthenticationBloc, AuthenticationState>(
          listener: (listenerContext, state) async {
            if (state is AuthenticatedState) {
              // final uid = state.session.uid ?? 0;
              // await UserInfoService.instance.fetchAndSaveUserInfo(uid);
              
              // Check user role and redirect accordingly
              final userRole = state.session.role;
              if (userRole != null && userRole != "Driver") {
                if (listenerContext.mounted) {
                  context.go(Routes.driverRequestsScreen.route);
                }
                return;
              }
              
              final checkIn = await CheckInService().isUserCheckedIn();
              if (listenerContext.mounted){
                if(checkIn == false) {
                  context.go(Routes.checkInScreen.route);
                } else {
                  // User is checked in, check schedule status
                  final now = DateTime.now();
                  final dateString = '${now.day.toString().padLeft(2, '0')}/${now.month.toString().padLeft(2, '0')}/${now.year}';
                  context.read<HomeBloc>().add(LoadScheduleStatusEvent(
                    driverId: state.session.uid ?? 0,
                    date: dateString,
                  ));
                }
              }
            } else if (state is UnauthenticatedState) {
              context.go(Routes.signInScreen.route);
            }
          },
        ),
        BlocListener<HomeBloc, HomeState>(
          listener: (listenerContext, state) {
            if (state is ScheduleStatusLoaded) {
              if (state.status == ScheduleStatus.empty) {
                context.go(Routes.startLocationChooserScreen.route);
              } else if (state.status == ScheduleStatus.validated) {
                context.go(Routes.homeScreen.route);
              } else if (state.status == ScheduleStatus.draft) {
                context.go(Routes.scheduleConfirmationScreen.route);
              }
            } else if (state is ScheduleStatusError) {
              context.go(Routes.homeScreen.route);
            }
          },
        ),
      ],
      child: Scaffold(
        body: AnimatedBuilder(
          animation: Listenable.merge([
            _logoController,
            _backgroundController,
            _fadeController,
          ]),
          builder: (context, child) {
            return Stack(
              children: [
                AnimatedContainer(
                  duration: const Duration(milliseconds: 1500),
                  decoration: BoxDecoration(
                    gradient: LinearGradient(
                      begin: Alignment.topLeft,
                      end: Alignment.bottomRight,
                      colors: [
                        ColorPalette.darkGreen,
                        Color.lerp(
                          ColorPalette.darkGreen,
                          ColorPalette.lightGreen,
                          _backgroundAnimation.value,
                        )!,
                      ],
                    ),
                  ),
                ),
                
                Positioned.fill(
                  child: Opacity(
                    opacity: _fadeAnimation.value * 0.7,
                    child: CustomPaint(
                      painter: SplashScreenCirclesPainter(
                        progress: _backgroundAnimation.value,
                      ),
                    ),
                  ),
                ),
                
                Center(
                  child: Transform.scale(
                    scale: _logoScaleAnimation.value,
                    child: FadeTransition(
                      opacity: _fadeAnimation,
                      child: SvgPicture.asset(
                        Assets.logo,
                        colorFilter: const ColorFilter.mode(
                          ColorPalette.white,
                          BlendMode.srcIn,
                        ),
                        width: 200.sp,
                      ),
                    ),
                  ),
                ),
                
                Positioned(
                  bottom: 100.sp,
                  left: 0,
                  right: 0,
                  child: FadeTransition(
                    opacity: _fadeAnimation,
                    child: Center(
                      child: Column(
                        children: [
                          Text(
                            'Sustainability Matters',
                            style: TextStyle(
                              fontStyle: FontStyle.italic,
                              color: ColorPalette.white.withValues(alpha: 0.8),
                              fontSize: 16.sp,
                              letterSpacing: 1,
                            ),
                          ),
                        ],
                      ),
                    ),
                  ),
                ),
                
                Positioned(
                  bottom: 50.sp,
                  left: 0,
                  right: 0,
                  child: FadeTransition(
                    opacity: _fadeAnimation,
                    child: Center(
                      child: SizedBox(
                        width: 150.sp,
                        child: LinearProgressIndicator(
                          value: _backgroundAnimation.value,
                          backgroundColor: ColorPalette.white.withValues(alpha: 0.2),
                          valueColor: const AlwaysStoppedAnimation<Color>(
                            ColorPalette.white,
                          ),
                          borderRadius: BorderRadius.circular(10),
                        ),
                      ),
                    ),
                  ),
                ),
              ],
            );
          },
        ),
      ),
    );
  }
}