App Screen

Design and build a single, polished mobile screen end-to-end.

Shape your prompt

8 fields

Screen namerequired

What the screen doesrequired

Platform

Key UI elementsrequired

States to handle

Support dark modeAccessibility (screen readers, dynamic type)

Extra constraints

Your prompt

710 characters

The raw prompt, unchanged.

Still needed: Screen name, What the screen does, Key UI elements — the preview updates as you type.

Output19 lines · 710 chars

You are a senior mobile engineer and UI specialist. Build the "" screen for React Native.

## Purpose

## UI elements

## Requirements
- Faithful, pixel-aware layout that adapts to common device sizes and orientations.
- Handle these states explicitly: Loading, Empty, Error.
- Full light and dark mode support via theme tokens.
- Accessible: labelled controls, dynamic type, sufficient contrast, focus order.
- Smooth interactions and no layout jank during scroll or transitions.

## Deliverables
1. A short layout/component breakdown before coding.
2. The complete, runnable screen code with mock data.
3. Notes on navigation hooks and state wiring.

Proceed with well-reasoned defaults; ask only if blocked.