Note Editor Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Full-screen Flutter editor for creating and editing free-text notes linked to a contact and optional activity. Renders a multi-line TextField with autosave status indicator, dynamic type scaling up to 200%, 4.5:1 contrast compliance, and proper semantic accessibility labels for VoiceOver and TalkBack.
note-editor-screen
Responsibilities
- Render multi-line text input with WCAG 2.2 AA compliant styling and semantics
- Display contact and optional activity association context at the top of the screen
- Show autosave status indicator reflecting saving, saved, and error states
- Expose keyboard toolbar with accessibility shortcuts and screen reader annotations
- Handle back navigation with unsaved-change guard dialog
Interfaces
NoteEditorScreen({String? noteId, String contactId, String? activityId})
onNoteSaved(Note note)
onDiscardNote()
Relationships
Dependencies (2)
Components this component depends on