Events List Screen
Component Detail
User Interface
medium complexity
mobile
1
Dependencies
0
Dependents
4
Entities
0
Integrations
Description
Scrollable, filterable list view of events relevant to the authenticated user. Displays event title, date, time, location, and registration status using Flutter ListView.builder for efficient rendering of large paginated datasets. Supports pull-to-refresh for manual sync and meets WCAG 2.2 AA requirements for touch targets and color contrast on status badges.
events-list-screen
Responsibilities
- Render paginated event list with title, date, time, location, and registration status
- Provide pull-to-refresh for manual data sync
- Apply role-specific visual indicators (coordinator sees all org events, peer mentor sees eligible events)
- Navigate to event detail view on item tap
- Display empty state and loading skeletons
Interfaces
build(BuildContext context)
onRefresh()
onEventTap(String eventId)
onFilterChanged(EventFilter filter)
onScrollEnd()
renderEventCard(Event event)
renderStatusBadge(RegistrationStatus status)
renderEmptyState()
Relationships
Related Data Entities (4)
Data entities managed by this component