React Native Form Screen Integration

Замовник: AI | Опубліковано: 08.04.2026

I want to extend my current React Native app with a brand-new screen dedicated to a user-input form. When users tap a dedicated button from an existing page, they should land on this form without any noticeable lag or styling mismatch. Core requirements • Build the screen as a standalone functional component that plugs straight into my existing navigation stack. • The form must capture three kinds of input: – standard text entries (name, notes, etc.) – selection options (radio buttons or pickers, whichever fits best) – file uploads (images and PDFs; use react-native-image-picker or a comparably light library). • Match the typography, spacing, colours and theming already used throughout the app; no fresh design system is needed—just follow what is there. • Keep performance in mind: optimise renders, memoise where sensible and avoid unnecessary re-renders of parent components. • Structure code clearly (separate UI elements, hooks and helper utilities) so future maintenance is painless. Acceptance criteria 1. Navigating by button reliably pushes the new route onto the stack with no crashes or warnings. 2. All three input types validate and persist their state correctly. 3. The screen passes a quick Lighthouse-style performance check on Android and iOS simulators. 4. Code is lint-clean (ESLint + Prettier) and covered by brief unit tests for the form logic. Hand over a pull request with the component, updated navigation file, any new assets or helper functions, and concise README notes on setup or library additions.