import 'package:easy_localization/easy_localization.dart'; import 'package:flutter/material.dart'; import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:ionicons/ionicons.dart'; import 'package:selfprivacy/logic/cubit/client_jobs/client_jobs_cubit.dart'; import 'package:selfprivacy/ui/components/jobs_content/jobs_content.dart'; class BrandFab extends StatefulWidget { const BrandFab({ this.extended = false, super.key, }); final bool extended; @override State createState() => _BrandFabState(); } class _BrandFabState extends State with SingleTickerProviderStateMixin { late AnimationController _animationController; late Animation _colorTween; @override void initState() { _animationController = AnimationController( vsync: this, duration: const Duration(milliseconds: 800), ); super.initState(); } @override void dispose() { _animationController.dispose(); super.dispose(); } bool wasPrevStateIsEmpty = true; @override Widget build(final BuildContext context) { _colorTween = ColorTween( begin: Theme.of(context).colorScheme.onPrimaryContainer, end: Theme.of(context).colorScheme.primary, ).animate(_animationController); return BlocListener( listener: (final BuildContext context, final JobsState state) { if (wasPrevStateIsEmpty && state is! JobsStateEmpty) { wasPrevStateIsEmpty = false; _animationController.forward(); } else if (!wasPrevStateIsEmpty && state is JobsStateEmpty) { wasPrevStateIsEmpty = true; _animationController.reverse(); } }, child: FloatingActionButton( onPressed: () { // TODO: Make a hero animation to the screen showModalBottomSheet( context: context, useRootNavigator: true, isScrollControlled: true, builder: (final BuildContext context) => DraggableScrollableSheet( expand: false, maxChildSize: 0.9, minChildSize: 0.4, initialChildSize: 0.6, builder: (final context, final scrollController) => JobsContent(controller: scrollController), ), ); }, isExtended: widget.extended, child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ AnimatedBuilder( animation: _colorTween, builder: (final BuildContext context, final Widget? child) { final double v = _animationController.value; final IconData icon = v > 0.5 ? Ionicons.flash : Ionicons.flash_outline; return Transform.scale( scale: 1 + (v < 0.5 ? v : 1 - v) * 2, child: Icon( icon, color: _colorTween.value, ), ); }, ), if (widget.extended) const SizedBox( width: 8, ), if (widget.extended) Text( 'jobs.title'.tr(), ), ], ), ), ); } }