import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:pmd_labs/components/extension/context_x.dart'; import 'package:pmd_labs/components/utils/debounce.dart'; import 'package:pmd_labs/data/repositories/album_repository.dart'; import 'package:pmd_labs/details_page/detail_page.dart'; import 'package:pmd_labs/home_page/bloc/events.dart'; import 'package:pmd_labs/home_page/bloc/state.dart'; import 'package:pmd_labs/card_data.dart'; import '../data/dto/album_dto.dart'; import '../like_bloc/like_bloc.dart'; import '../like_bloc/like_event.dart'; import '../like_bloc/like_state.dart'; import '../locale_bloc/locale_bloc.dart'; import '../locale_bloc/locale_events.dart'; import '../locale_bloc/locale_state.dart'; import '../svg_objects.dart'; import 'bloc/home_bloc.dart'; part 'card.dart'; class MyHomePage extends StatefulWidget { const MyHomePage({super.key, required this.title}); final String title; @override State createState() => _MyHomePageState(); } class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( backgroundColor: const Color(0xFF231a24), title: Text( widget.title, style: Theme.of(context).textTheme.headlineLarge?.copyWith(color: Colors.orange), ), ), body: Container( color: const Color(0xFF403042), child: const Body(), // Ваш виджет Body ), ); } } class Body extends StatefulWidget { const Body({super.key}); @override State createState() => _BodyState(); } class _BodyState extends State { final AlbumRepository repo = AlbumRepository(); final ScrollController scrollController = ScrollController(); final TextEditingController searchController = TextEditingController(); late final Debounce debounce; @override void initState() { SvgObjects.init(); WidgetsBinding.instance.addPostFrameCallback((_){ context.read().add(const HomeLoadDataEvent()); context.read().add(const LoadLikesEvent()); }); scrollController.addListener(_onNextPageListener); super.initState(); } void _onNextPageListener() { if (scrollController.position.pixels >= scrollController.position.maxScrollExtent && !context.read().state.isPaginationLoading) { final bloc = context.read(); bloc.add(HomeLoadDataEvent( search: searchController.text, nextPage: bloc.state.data?.nextPage, )); } } void _showSnackbar(BuildContext context, String title, bool isLiked) { WidgetsBinding.instance.addPostFrameCallback((_) { ScaffoldMessenger.of(context).showSnackBar(SnackBar( content: Text( '$title ${isLiked ? context.locale.liked : context.locale.disliked}', style: Theme.of(context).textTheme.bodyLarge, ), backgroundColor: Colors.orangeAccent, duration: const Duration(seconds: 1), )); }); } void _onLike(String id, String title, bool isLiked) { print("$id $title, $isLiked"); context.read().add(ChangeLikeEvent(id)); _showSnackbar(context, title, !isLiked); } void _navToDetails(BuildContext context, CardData data) { Navigator.push(context, CupertinoPageRoute(builder: (context) => DetailsPage(data))); } Future _onRefresh() { context .read() .add(HomeLoadDataEvent(search: searchController.text)); return Future.value(null); } @override Widget build(BuildContext context) { return Padding( padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top), child: Column( children: [ Padding( padding: const EdgeInsets.all(12), child: Row( children: [ Expanded( child: CupertinoSearchTextField( controller: searchController, placeholder: context.locale.search, onChanged: (search) { Debounce.run(() { context.read().add(HomeLoadDataEvent(search: search)); }); }, style: TextStyle(color: Colors.orange, fontFamily: 'Correction_Tape'), ), ), // GestureDetector размещен справа от поля поиска GestureDetector( onTap: () => context.read().add(const ChangeLocaleEvent()), child: SizedBox.square( dimension: 50, child: Padding( padding: const EdgeInsets.only(left: 12), child: BlocBuilder( builder: (context, state) { return state.currentLocale.languageCode == 'ru' ? const SvgRu() : const SvgUk(); }, ), ), ), ), ], ), ), BlocBuilder( builder: (context, state) => state.isLoading ? CircularProgressIndicator() : BlocBuilder( builder: (context, likeState) => Expanded( child: RefreshIndicator( onRefresh: _onRefresh, child: ListView.builder( controller: scrollController, padding: EdgeInsets.zero, itemCount: state.data?.data?.length ?? 0, itemBuilder: (context, index) { final data = state.data?.data?[index]; return data != null ? _Card.fromData( data, isLiked: likeState.likedIds ?.contains(data.id) == true, onLike: _onLike, onTap: () => _navToDetails(context, data), ) : const SizedBox.shrink(); }), ), ))), BlocBuilder( builder: (context, state) { if (state.isPaginationLoading) { return const Padding( padding: EdgeInsets.all(8.0), child: CircularProgressIndicator(), ); } return const SizedBox.shrink(); }, ), ], ), ); } @override void dispose() { searchController.dispose(); scrollController.dispose(); super.dispose(); } } class HomeData { final List? data; final int? nextPage; HomeData({this.data, this.nextPage}); }