diff --git a/lib/presentation/home_page/home_page.dart b/lib/presentation/home_page/home_page.dart index 4d7b097..19ac938 100644 --- a/lib/presentation/home_page/home_page.dart +++ b/lib/presentation/home_page/home_page.dart @@ -78,21 +78,9 @@ class _BodyState extends State<_Body> { @override Widget build(BuildContext context) { - return Padding( - padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top), - child: Column( + return Center( + child: Stack( children: [ - Padding( - padding: const EdgeInsets.all(12), - child: CupertinoSearchTextField( - controller: searchController, - onChanged: (search) { - Debounce.run(() => context - .read() - .add(HomeLoadDataEvent(search: search))); - }, - ), - ), BlocBuilder( builder: (context, state) => state.error != null ? Text( @@ -103,7 +91,7 @@ class _BodyState extends State<_Body> { ?.copyWith(color: Colors.red), ) : state.isLoading - ? const CircularProgressIndicator() + ? Center(child: CircularProgressIndicator()) : Expanded( child: RefreshIndicator( onRefresh: _onRefresh, @@ -114,11 +102,17 @@ class _BodyState extends State<_Body> { itemBuilder: (context, index) { if (index == 0) { return Padding( - padding: const EdgeInsets.all(12), - child: CupertinoSearchTextField(), - ); + padding: const EdgeInsets.only( + left: 8.0, right: 8), + child: CupertinoSearchTextField( + borderRadius: BorderRadius.only( + bottomLeft: Radius.circular(20), + bottomRight: Radius.circular(20), + ), + backgroundColor: Colors.amberAccent, + )); } - final data = state.data?.data?[index-1]; + final data = state.data?.data?[index - 1]; return data != null ? _Card.fromData( data, @@ -132,10 +126,36 @@ class _BodyState extends State<_Body> { ), ), ), - BlocBuilder( - builder: (context, state) => state.isPaginationLoading - ? const CircularProgressIndicator() - : const SizedBox.shrink(), + Padding( + padding: const EdgeInsets.only(left: 8.0, right: 8), + child: CupertinoSearchTextField( + borderRadius: BorderRadius.only( + bottomLeft: Radius.circular(20), + bottomRight: Radius.circular(20), + ), + backgroundColor: Colors.amberAccent, + controller: searchController, + onChanged: (search) { + Debounce.run(() => context + .read() + .add(HomeLoadDataEvent(search: search))); + }, + ), + ), + Align( + alignment: Alignment.bottomCenter, + child: Padding( + padding: const EdgeInsets.all(8.0), + child: SizedBox( + height: 50, + width: 50, + child: BlocBuilder( + builder: (context, state) => state.isPaginationLoading + ? const CircularProgressIndicator() + : const SizedBox.shrink(), + ), + ), + ), ), ], ),