import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_project/components/utils/debounce.dart'; import 'package:flutter_project/domain/models/card.dart'; import 'package:flutter_project/views/details_page/details_page.dart'; import 'package:flutter_project/views/home_page/bloc/events.dart'; import 'package:flutter_project/views/home_page/bloc/state.dart'; import 'bloc/bloc.dart'; part 'card.dart'; class HomePage extends StatefulWidget { const HomePage({super.key}); @override State createState() => _HomePageState(); } class _HomePageState extends State { final body = Body(); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( flexibleSpace: GestureDetector( onTap: () => print("to top"), ), backgroundColor: Theme.of(context).colorScheme.inversePrimary, title: Center( child: Text( 'Anime list', ), ), ), body: body); } } class Body extends StatefulWidget { const Body({super.key}); @override State createState() => _BodyState(); } class _BodyState extends State { final scrollController = ScrollController(); final searchController = TextEditingController(); bool isButtonToTopShown = false; @override void initState() { WidgetsBinding.instance.addPostFrameCallback( (_) => context.read().add(const HomeLoadDataEvent())); scrollController.addListener(_viewListScrollListener); super.initState(); } @override void dispose() { scrollController.dispose(); searchController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return Stack(children: [ Column( children: [ Padding( padding: EdgeInsets.only(left: 16, right: 16, top: 10, bottom: 10), child: Center( child: CupertinoSearchTextField( controller: searchController, onChanged: (search) { Debounce.run(() => context .read() .add(HomeLoadDataEvent(search: search))); }, ), ), ), BlocConsumer( listener: (context, state) { if (state.error != null) { _onErrorShowDialog(context, state); } }, builder: (context, state) => state.isLoading ? const CircularProgressIndicator() : Expanded( child: RefreshIndicator( onRefresh: _onRefresh, child: ListView.builder( controller: scrollController, padding: EdgeInsets.only(bottom: 10), itemCount: state.data?.data?.length ?? 0, itemBuilder: (context, index) { final data = state.data?.data?[index]; return data != null ? _Card.withData(data, onLike: (title, isLiked) => _showSnackBar(context, isLiked, title), onTap: () => _navToDetails(context, data)) : const SizedBox.shrink(); }, ), )), ), BlocBuilder( builder: (context, state) => state.isPaginationLoading ? const CircularProgressIndicator() : const SizedBox.shrink()) ], ), isButtonToTopShown ? Container( alignment: Alignment.topRight, padding: EdgeInsets.only(right: 16, top: 64), child: FloatingActionButton( onPressed: _goToTop, child: Icon(Icons.arrow_upward_rounded), )) : SizedBox.shrink() ]); } void _onErrorShowDialog(BuildContext context, HomeState state) { showCupertinoDialog( context: context, builder: (_) => CupertinoAlertDialog( title: Text("Error occurred"), content: Text(state.error ?? 'No message provided'), actions: [ CupertinoDialogAction( onPressed: () { Navigator.of(context).pop(); context .read() .add(HomeLoadDataEvent(hasError: true)); }, child: Text("Retry")) ], )); } void _goToTop() { scrollController.animateTo( 0, duration: Duration(milliseconds: 300), curve: Curves.easeInOut, ); } void _viewListScrollListener() { if (!isButtonToTopShown) { if (scrollController.offset >= 400) { setState(() { isButtonToTopShown = true; }); } } else { if (scrollController.offset < 400) { setState(() { isButtonToTopShown = false; }); } } if (scrollController.offset >= scrollController.position.maxScrollExtent) { final bloc = context.read(); if (!bloc.state.isPaginationLoading && bloc.state.data?.nextPage != null) { bloc.add(HomeLoadDataEvent( search: searchController.text, nextPage: bloc.state.data?.nextPage)); } } } Future _onRefresh() { context .read() .add(HomeLoadDataEvent(search: searchController.text)); return Future.value(null); } void _showSnackBar(BuildContext context, bool isLiked, String title) { WidgetsBinding.instance.addPostFrameCallback((_) { ScaffoldMessenger.of(context).showSnackBar(SnackBar( content: Text( isLiked ? "You liked $title" : "Like removed from $title", style: Theme.of(context).textTheme.bodyLarge, ), backgroundColor: Theme.of(context).colorScheme.inversePrimary, duration: const Duration(milliseconds: 1200), )); }); } void _navToDetails(BuildContext context, CardData d) { Navigator.push( context, CupertinoPageRoute(builder: (context) => DetailsPage(d))); } }