Contact List Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Primary screen displaying the user's assigned contacts in a scrollable, accessible list. Uses Flutter ListView.builder for efficient rendering with large touch targets (minimum 44x44 logical pixels) and semantic labels for VoiceOver/TalkBack. Implements role-scoped views: peer mentors see only their assigned contacts, coordinators see all contacts within their local association.
contact-list-screen
Responsibilities
- Render paginated or infinite-scroll contact list scoped by user role and organisation
- Display persistent search bar at top for name-based filtering
- Provide accessible list items with semantic labels and WCAG 2.2 AA touch targets
- Handle empty states, loading indicators, and error feedback
- Support filter chips for status or role-based contact filtering
Interfaces
ContactListScreen()
onContactTap(contactId)
onSearchQueryChanged(query)
onFilterChanged(filter)
onScrolledToEnd()
Relationships
Dependencies (2)
Components this component depends on