icing/G-EIP-700-TLS-7-1-eip-stephane.corbiere
5
0
Fork 0
Code Pull Requests 3 Actions Packages Releases Activity

feat: searchbar permanent

Browse Source
This commit is contained in:
Florian Griffon 2024-10-31 16:15:00 +01:00
parent 347148c433
commit f0426b0246
1 changed files with 46 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
dialer/lib/features/home/home_page.dart
View File

@ -3,17 +3,43 @@ import 'package:dialer/features/contacts/contact_page.dart';
import 'package:dialer/features/favorites/favorites_page.dart';
import 'package:dialer/features/history/history_page.dart';
import 'package:dialer/features/composition/composition.dart';
import 'package:flutter_contacts/flutter_contacts.dart';
class _MyHomePageState extends State<MyHomePage>
with SingleTickerProviderStateMixin {
late TabController _tabController;
final SearchController _searchController = SearchController();
List<Contact> _allContacts = [];
List<Contact> _contactSuggestions = [];
@override
void initState() {
super.initState();
_tabController = TabController(length: 3, vsync: this, initialIndex: 1);
_tabController.addListener(_handleTabIndex);
_fetchContacts();
}
void _fetchContacts() async {
if (await FlutterContacts.requestPermission()) {
_allContacts = await FlutterContacts.getContacts(withProperties: true);
setState(() {});
}
}
void _onSearchChanged(String query) {
print("Search query: $query");
setState(() {
if (query.isEmpty) {
_contactSuggestions = List.from(_allContacts);
} else {
_contactSuggestions = _allContacts.where((contact) {
return contact.displayName
.toLowerCase()
.contains(query.toLowerCase());
}).toList();
}
});
}
@override
@ -27,10 +53,6 @@ class _MyHomePageState extends State<MyHomePage>
setState(() {});
}
void _onSearchChanged(String query) {
// Use this method to manage search actions if needed
}
@override
Widget build(BuildContext context) {
return Scaffold(
@ -40,15 +62,14 @@ class _MyHomePageState extends State<MyHomePage>
// Persistent Search Bar
Padding(
padding: const EdgeInsets.only(
top: 24.0, // Outside top padding
bottom: 10.0, // Outside bottom padding
left: 16.0, // Outside left padding
right: 16.0, // Outside right padding
top: 24.0,
bottom: 10.0,
left: 16.0,
right: 16.0,
),
child: Container(
decoration: BoxDecoration(
color: const Color.fromARGB(
255, 30, 30, 30), // Background of the SearchBar
color: const Color.fromARGB(255, 30, 30, 30),
borderRadius: BorderRadius.circular(12.0),
border: Border(
top: BorderSide(color: Colors.grey.shade800, width: 1),
@ -63,15 +84,15 @@ class _MyHomePageState extends State<MyHomePage>
controller: controller,
padding: MaterialStateProperty.all<EdgeInsetsGeometry>(
EdgeInsets.only(
top: 10.0, // Inside top padding
bottom: 10.0, // Inside bottom padding
left: 16.0, // Inside left padding
right: 16.0, // Inside right padding
top: 6.0,
bottom: 6.0,
left: 16.0,
right: 16.0,
),
),
onChanged: _onSearchChanged,
onTap: () {
controller.openView();
_onSearchChanged('');
},
backgroundColor: MaterialStateProperty.all(
const Color.fromARGB(255, 30, 30, 30)),
@ -91,18 +112,21 @@ class _MyHomePageState extends State<MyHomePage>
),
);
},
viewOnChanged: (query) {
_onSearchChanged(query);
},
suggestionsBuilder:
(BuildContext context, SearchController controller) {
return List<ListTile>.generate(5, (int index) {
final String item = 'Suggestion $index';
return _contactSuggestions.map((contact) {
return ListTile(
title: Text(item),
key: ValueKey(contact.id),
title: Text(contact.displayName,
style: const TextStyle(color: Colors.white)),
onTap: () {
// Close the search view and select suggestion
controller.closeView(item);
controller.closeView(contact.displayName);
},
);
});
}).toList();
},
),
),