150 lines
4.8 KiB
Dart
Raw Normal View History

2024-12-08 23:43:20 +04:00
import 'package:flutter/material.dart';
2024-12-18 14:59:41 +04:00
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_labs/components/utils/debounce.dart';
2024-12-10 00:45:38 +04:00
import 'package:flutter_labs/presentation/details_page/details_page.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter_labs/domain/models/card.dart';
import 'package:flutter_labs/data/mappers/potions_mapper.dart';
2024-12-18 14:59:41 +04:00
import 'package:flutter_labs/presentation/home_page/bloc/bloc.dart';
import 'package:flutter_labs/presentation/home_page/bloc/events.dart';
import 'package:flutter_labs/presentation/home_page/bloc/state.dart';
2024-12-08 23:43:20 +04:00
part 'card.dart';
class HomePage extends StatefulWidget {
2024-12-18 14:59:41 +04:00
const HomePage({super.key});
2024-12-08 23:43:20 +04:00
@override
State<HomePage> createState() => _HomePageState();
2024-12-08 23:43:20 +04:00
}
class _HomePageState extends State<HomePage> {
2024-12-08 23:43:20 +04:00
@override
Widget build(BuildContext context) {
2024-12-18 14:59:41 +04:00
return const Scaffold(body: _Body());
2024-12-08 23:43:20 +04:00
}
}
2024-12-18 14:59:41 +04:00
class _Body extends StatefulWidget {
const _Body(); // ключи
2024-12-08 23:43:20 +04:00
@override
2024-12-18 14:59:41 +04:00
State<_Body> createState() => _BodyState();
2024-12-11 12:04:34 +04:00
}
2024-12-08 23:43:20 +04:00
2024-12-18 14:59:41 +04:00
class _BodyState extends State<_Body> {
2024-12-11 12:04:34 +04:00
final searchController = TextEditingController();
2024-12-18 14:59:41 +04:00
final scrollController = ScrollController();
2024-12-11 12:04:34 +04:00
@override
void initState() {
2024-12-18 14:59:41 +04:00
WidgetsBinding.instance.addPostFrameCallback((_) {
context.read<HomeBloc>().add(const HomeLoadDataEvent());
});
scrollController.addListener(_onNextPageListener);
2024-12-11 12:04:34 +04:00
super.initState();
}
2024-12-18 14:59:41 +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-11 12:04:34 +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-18 14:59:41 +04:00
Debounce.run(() => context.read<HomeBloc>().add(HomeLoadDataEvent(search: search)));
},
2024-12-11 12:04:34 +04:00
),
),
2024-12-18 14:59:41 +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-11 12:04:34 +04:00
),
2024-12-18 14:59:41 +04:00
BlocBuilder<HomeBloc, HomeState>(
builder: (context, state) => state.isPaginationLoading
? const CircularProgressIndicator()
: const SizedBox.shrink(),
2024-12-11 12:04:34 +04:00
),
],
2024-12-08 23:43:20 +04:00
),
);
}
2024-12-18 14:59:41 +04:00
Future<void> _onRefresh() {
context.read<HomeBloc>().add(HomeLoadDataEvent(search: searchController.text));
return Future.value(null);
}
2024-12-10 00:45:38 +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(
2024-12-11 12:04:34 +04:00
content: Text(
'$title ${isLiked ? 'liked!' : 'disliked :('}',
style: Theme.of(context).textTheme.bodyLarge,
),
2024-12-10 00:45:38 +04:00
backgroundColor: Colors.orangeAccent,
duration: const Duration(seconds: 1),
));
});
2024-12-08 23:43:20 +04:00
}
2024-12-10 00:45:38 +04:00
}