Re-Quest/mobile-app
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add search functionality and adjust dimensions for filter selection modal

Browse Source
This commit is contained in:
pradeepkumar
2026-04-20 13:36:49 +05:30
parent d3f23f9c53
commit 6b0fa24b85
1 changed files with 121 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
lib/features/home/presentation/widgets/hero_section.dart
View File

@@ -486,12 +486,22 @@ class _HeroSectionState extends ConsumerState<HeroSection> {
borderRadius: BorderRadius.vertical(top: Radius.circular(15)), borderRadius: BorderRadius.vertical(top: Radius.circular(15)),
), ),
builder: (ctx) { builder: (ctx) {
String query = '';
return DraggableScrollableSheet( return DraggableScrollableSheet(
initialChildSize: 0.5, initialChildSize: 0.7,
minChildSize: 0.3, minChildSize: 0.4,
maxChildSize: 0.8, maxChildSize: 0.95,
expand: false, expand: false,
builder: (context, scrollController) { builder: (context, scrollController) {
return StatefulBuilder(
builder: (context, setModalState) {
final filteredOptions = query.trim().isEmpty
? field.options
: field.options
.where((o) => o.label
.toLowerCase()
.contains(query.trim().toLowerCase()))
.toList();
return SafeArea( return SafeArea(
child: Column( child: Column(
children: [ children: [
@@ -514,12 +524,39 @@ class _HeroSectionState extends ConsumerState<HeroSection> {
color: AppColors.primaryDark, color: AppColors.primaryDark,
), ),
), ),
const SizedBox(height: 12),
Padding(
padding:
const EdgeInsets.symmetric(horizontal: 16),
child: TextField(
autofocus: false,
onChanged: (v) =>
setModalState(() => query = v),
decoration: InputDecoration(
hintText: 'Search...',
prefixIcon: const Icon(Icons.search, size: 20),
isDense: true,
contentPadding: const EdgeInsets.symmetric(
horizontal: 12, vertical: 10),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: BorderSide(
color: AppColors.divider, width: 1),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: BorderSide(
color: AppColors.divider, width: 1),
),
),
),
),
const SizedBox(height: 8), const SizedBox(height: 8),
Expanded( Expanded(
child: ListView( child: ListView(
controller: scrollController, controller: scrollController,
children: [ children: [
// "All" option if (query.trim().isEmpty)
ListTile( ListTile(
title: Text( title: Text(
'All ${field.name}', 'All ${field.name}',
@@ -538,7 +575,7 @@ class _HeroSectionState extends ConsumerState<HeroSection> {
Navigator.pop(ctx); Navigator.pop(ctx);
}, },
), ),
...field.options.map((option) => ListTile( ...filteredOptions.map((option) => ListTile(
title: Text( title: Text(
option.label, option.label,
style: const TextStyle( style: const TextStyle(
@@ -552,10 +589,26 @@ class _HeroSectionState extends ConsumerState<HeroSection> {
color: AppColors.accentOrange) color: AppColors.accentOrange)
: null, : null,
onTap: () { onTap: () {
onSelect(option.value, option.label); onSelect(
option.value, option.label);
Navigator.pop(ctx); Navigator.pop(ctx);
}, },
)), )),
if (filteredOptions.isEmpty &&
query.trim().isNotEmpty)
const Padding(
padding: EdgeInsets.all(24),
child: Center(
child: Text(
'No results found',
style: TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 14,
color: AppColors.primaryDark,
),
),
),
),
], ],
), ),
), ),
@@ -566,5 +619,7 @@ class _HeroSectionState extends ConsumerState<HeroSection> {
); );
}, },
); );
},
);
} }
} }