150 lines
4.6 KiB
Dart
Raw Normal View History

2024-12-18 15:56:06 +04:00
import 'package:flutter/material.dart';
2024-12-20 16:18:09 +04:00
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_test_app/components/utils/debounce.dart';
2024-12-18 15:56:06 +04:00
import 'package:flutter_test_app/presentation/details_page/details_page.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter_test_app/domain/models/card.dart';
2024-12-20 15:27:57 +04:00
import 'package:flutter_test_app/data/mappers/potions_mapper.dart';
2024-12-20 16:18:09 +04:00
import 'package:flutter_test_app/presentation/home_page/bloc/bloc.dart';
import 'package:flutter_test_app/presentation/home_page/bloc/events.dart';
import 'package:flutter_test_app/presentation/home_page/bloc/state.dart';
2024-12-18 15:56:06 +04:00
part 'card.dart';
class HomePage extends StatefulWidget {
2024-12-20 16:18:09 +04:00
const HomePage({super.key});
2024-12-18 15:56:06 +04:00
@override
State<HomePage> createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
@override
Widget build(BuildContext context) {
2024-12-20 16:18:09 +04:00
return const Scaffold(body: _Body());
2024-12-18 15:56:06 +04:00
}
}
2024-12-20 16:18:09 +04:00
class _Body extends StatefulWidget {
const _Body(); // ключи
2024-12-18 15:56:06 +04:00
@override
2024-12-20 16:18:09 +04:00
State<_Body> createState() => _BodyState();
2024-12-20 15:27:57 +04:00
}
2024-12-18 15:56:06 +04:00
2024-12-20 16:18:09 +04:00
class _BodyState extends State<_Body> {
2024-12-20 15:27:57 +04:00
final searchController = TextEditingController();
2024-12-20 16:18:09 +04:00
final scrollController = ScrollController();
2024-12-20 15:27:57 +04:00
@override
void initState() {
2024-12-20 16:18:09 +04:00
WidgetsBinding.instance.addPostFrameCallback((_) {
context.read<HomeBloc>().add(const HomeLoadDataEvent());
});
scrollController.addListener(_onNextPageListener);
2024-12-20 15:27:57 +04:00
super.initState();
}
2024-12-20 16:18:09 +04:00
void _onNextPageListener() {
if (scrollController.offset >= scrollController.position.maxScrollExtent) {
// preventing multiple pagination request on multiple swipes
final bloc = context.read<HomeBloc>();
if (!bloc.state.isPaginationLoading) {
bloc.add(HomeLoadDataEvent(
search: searchController.text,
nextPage: bloc.state.data?.nextPage,
));
}
}
}
@override
void dispose() {
searchController.dispose();
scrollController.dispose();
super.dispose();
}
2024-12-20 15:27:57 +04:00
@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: CupertinoSearchTextField(
controller: searchController,
onChanged: (search) {
2024-12-20 16:18:09 +04:00
Debounce.run(() => context.read<HomeBloc>().add(HomeLoadDataEvent(search: search)));
2024-12-20 15:27:57 +04:00
},
),
),
2024-12-20 16:18:09 +04:00
BlocBuilder<HomeBloc, HomeState>(
builder: (context, state) => state.error != null
? Text(
state.error ?? '',
style: Theme.of(context).textTheme.headlineSmall?.copyWith(color: Colors.red),
)
: state.isLoading
? const CircularProgressIndicator()
: 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,
onLike: (title, isLiked) =>
_showSnackBar(context, title, isLiked),
onTap: () => _navToDetails(context, data),
)
: const SizedBox.shrink();
},
2024-12-20 15:27:57 +04:00
),
),
),
),
2024-12-20 16:18:09 +04:00
BlocBuilder<HomeBloc, HomeState>(
builder: (context, state) => state.isPaginationLoading
? const CircularProgressIndicator()
: const SizedBox.shrink(),
),
2024-12-20 15:27:57 +04:00
],
2024-12-18 15:56:06 +04:00
),
);
}
2024-12-20 16:18:09 +04:00
Future<void> _onRefresh() {
context.read<HomeBloc>().add(HomeLoadDataEvent(search: searchController.text));
return Future.value(null);
}
2024-12-18 15:56:06 +04:00
void _navToDetails(BuildContext context, CardData data) {
Navigator.push(
context,
CupertinoPageRoute(builder: (context) => DetailsPage(data)),
);
}
void _showSnackBar(BuildContext context, String title, bool isLiked) {
WidgetsBinding.instance.addPostFrameCallback((_) {
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
content: Text(
2024-12-20 15:27:57 +04:00
'$title ${isLiked ? 'liked!' : 'disliked :('}',
2024-12-18 15:56:06 +04:00
style: Theme.of(context).textTheme.bodyLarge,
),
2024-12-20 15:27:57 +04:00
backgroundColor: Colors.orangeAccent,
2024-12-18 15:56:06 +04:00
duration: const Duration(seconds: 1),
));
});
}
}