From aa0c4a7f9d8db7ca8e1bef892a9ba26975a07f07 Mon Sep 17 00:00:00 2001 From: revengel66 Date: Thu, 28 Nov 2024 15:46:10 +0400 Subject: [PATCH] end lab6, but not end lection 6 --- lib/components/utils/debounce.dart | 18 ++++++ lib/main.dart | 13 +++- lib/presentation/home_page/bloc/bloc.dart | 25 ++++++++ lib/presentation/home_page/bloc/events.dart | 9 +++ lib/presentation/home_page/bloc/state.dart | 30 +++++++++ lib/presentation/home_page/home_page.dart | 69 +++++++++++++-------- 6 files changed, 137 insertions(+), 27 deletions(-) create mode 100644 lib/components/utils/debounce.dart create mode 100644 lib/presentation/home_page/bloc/bloc.dart create mode 100644 lib/presentation/home_page/bloc/events.dart create mode 100644 lib/presentation/home_page/bloc/state.dart diff --git a/lib/components/utils/debounce.dart b/lib/components/utils/debounce.dart new file mode 100644 index 0000000..a28b3cc --- /dev/null +++ b/lib/components/utils/debounce.dart @@ -0,0 +1,18 @@ +import 'dart:async'; +import 'dart:ui'; + +class Debounce { + factory Debounce() => _instance; + + Debounce._(); + static final Debounce _instance = Debounce._(); + static Timer? _timer; + + static void run( + VoidCallback action, { + Duration delay = const Duration(milliseconds: 500), + }) { + _timer?.cancel(); + _timer = Timer(delay, action); + } +} diff --git a/lib/main.dart b/lib/main.dart index 84be076..dafc92e 100644 --- a/lib/main.dart +++ b/lib/main.dart @@ -1,5 +1,8 @@ import 'package:flutter/material.dart'; +import 'package:flutter_bloc/flutter_bloc.dart'; +import 'package:pmd_lab/presentation/home_page/bloc/bloc.dart'; import 'package:pmd_lab/presentation/home_page/home_page.dart'; +import 'package:pmd_lab/repositories/potter_repository.dart'; void main() { runApp(const MyApp()); @@ -16,7 +19,15 @@ class MyApp extends StatelessWidget { // colorScheme: ColorScheme.fromSeed(seedColor: Colors.black), colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple), useMaterial3: true, ), - home: const MyHomePage(title: 'Flutter rocks!'), + home: RepositoryProvider( + lazy: true, + create: (_) => PotterRepository(), + child: BlocProvider( + lazy: true, + create: (context) => HomeBloc(context.read()), + child: const MyHomePage(title: 'Potter API'), + ), + ) ); } } diff --git a/lib/presentation/home_page/bloc/bloc.dart b/lib/presentation/home_page/bloc/bloc.dart new file mode 100644 index 0000000..a5ba5db --- /dev/null +++ b/lib/presentation/home_page/bloc/bloc.dart @@ -0,0 +1,25 @@ +import 'package:flutter_bloc/flutter_bloc.dart'; +import 'package:pmd_lab/presentation/home_page/bloc/events.dart'; +import 'package:pmd_lab/presentation/home_page/bloc/state.dart'; +import 'package:pmd_lab/repositories/potter_repository.dart'; + +class HomeBloc extends Bloc { + final PotterRepository repo; + + HomeBloc(this.repo) : super(const HomeState()) { + on(_onLoadData); + } + + Future _onLoadData(HomeLoadDataEvent event, Emitter emit) async { + emit(state.copyWith(isLoading: true)); + + final data = await repo.loadData(q: event.search); + + emit(state.copyWith( + isLoading: false, + data: data, + )); + } + +} + diff --git a/lib/presentation/home_page/bloc/events.dart b/lib/presentation/home_page/bloc/events.dart new file mode 100644 index 0000000..3e19392 --- /dev/null +++ b/lib/presentation/home_page/bloc/events.dart @@ -0,0 +1,9 @@ + +class HomeEvent { + const HomeEvent(); +} + +class HomeLoadDataEvent extends HomeEvent{ + final String? search; + const HomeLoadDataEvent({this.search}); +} \ No newline at end of file diff --git a/lib/presentation/home_page/bloc/state.dart b/lib/presentation/home_page/bloc/state.dart new file mode 100644 index 0000000..72064db --- /dev/null +++ b/lib/presentation/home_page/bloc/state.dart @@ -0,0 +1,30 @@ +import 'package:equatable/equatable.dart'; +import 'package:pmd_lab/domain/models/card.dart'; + + +class HomeState extends Equatable { + final List? data; + final bool isLoading; + + const HomeState({ + this.data, + this.isLoading = false, + }); + + HomeState copyWith({ + List? data, + bool? isLoading, + }) => + HomeState( + data: data ?? this.data, + isLoading: isLoading ?? this.isLoading, + ); + + @override + List get props => [ + data, + isLoading, + ]; +} + + diff --git a/lib/presentation/home_page/home_page.dart b/lib/presentation/home_page/home_page.dart index c82fb52..b5684bd 100644 --- a/lib/presentation/home_page/home_page.dart +++ b/lib/presentation/home_page/home_page.dart @@ -1,7 +1,12 @@ import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; +import 'package:flutter_bloc/flutter_bloc.dart'; +import 'package:pmd_lab/components/utils/debounce.dart'; import 'package:pmd_lab/domain/models/card.dart'; import 'package:pmd_lab/presentation/details_page/details_page.dart'; +import 'package:pmd_lab/presentation/home_page/bloc/bloc.dart'; +import 'package:pmd_lab/presentation/home_page/bloc/events.dart'; +import 'package:pmd_lab/presentation/home_page/bloc/state.dart'; import 'package:pmd_lab/repositories/api_interface.dart'; import 'package:pmd_lab/repositories/mock_repository.dart'; import 'package:pmd_lab/repositories/potter_repository.dart'; @@ -80,8 +85,16 @@ class _BodyState extends State { @override void initState() { + WidgetsBinding.instance.addPostFrameCallback((_) { + context.read().add(const HomeLoadDataEvent()); + }); super.initState(); - data = repo.loadData(q: null); + } + + @override + void dispose(){ + searchController.dispose(); + super.dispose(); } @override @@ -96,35 +109,35 @@ class _BodyState extends State { child: CupertinoSearchTextField( controller: searchController, onChanged: (search) { - setState(() { - data = repo.loadData(q: search.isNotEmpty ? search : null); - }); + Debounce.run(() => context.read().add(HomeLoadDataEvent(search: search))); }, ), ), - Expanded( - child: FutureBuilder?>( - future: data, - builder: (context, snapshot) => - SingleChildScrollView( - padding: const EdgeInsets.only( - left: 20, right: 20, top: 20), - child: snapshot.hasData - ? Column( - children: snapshot.data?.map((data) { - return _Card.fromData( - data, - onLike: (text, isLiked) => - _showSnackBar(context, text, isLiked), - onTap: () => _navToDetails(context, data), - ); - }).toList() ?? - [], + + BlocBuilder( + builder: (context, state) => state.isLoading + ? const CircularProgressIndicator() + : Expanded( + child: RefreshIndicator( + onRefresh: _onRefresh, + child: ListView.builder( + padding: EdgeInsets.zero, + itemCount: state.data?.length ?? 0, + itemBuilder: (context, index) { + final data = state.data?[index]; + return data != null + ? _Card.fromData( + data, + onLike: (title, isLiked) => _showSnackBar(context, title, isLiked), + onTap: () => _navToDetails(context, data), ) - : const CircularProgressIndicator() - ), - ) - ) + : const SizedBox.shrink(); + }, + ), // ListView.builder + ), // RefreshIndicator + ), // Expanded + ), // BlocBuilder + ], ), ); @@ -152,5 +165,9 @@ class _BodyState extends State { ); } + Future _onRefresh() { + context.read().add(HomeLoadDataEvent(search: searchController.text)); + return Future.value(null); + } } \ No newline at end of file