Contacts List Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
3
Entities
0
Integrations
Description
Primary screen displaying all contacts assigned to the current user or their local association. Implements role-specific views where peer mentors see only their own assigned contacts while coordinators see all contacts within their association. Uses lazy-loaded, cursor-based pagination for performance with large contact lists and provides WCAG 2.2 AA compliant semantic list semantics with minimum 44x44 touch targets.
contacts-list-screen
Responsibilities
- Render scrollable contact list with lazy loading and cursor-based pagination
- Apply role-based filtering to show appropriate contacts per user role
- Display contact summary cards with name, phone, and association info
- Provide pull-to-refresh and loading state indicators
- Ensure WCAG 2.2 AA compliance with screen reader labels and keyboard navigation
Interfaces
build(BuildContext context)
onContactTap(String contactId)
onRefresh()
onScrollToEnd()
renderContactCard(Contact contact)
renderEmptyState()
renderLoadingIndicator()
Relationships
Dependencies (2)
Components this component depends on
Related Data Entities (3)
Data entities managed by this component