BestPromptFinder

React Native Screen From a Description

Quality, usefulness and confidence are AI evaluations out of 100 — not user ratings. Community results come from visitors' "worked / didn't work" votes below. How scoring works →

The prompt

Build one React Native screen from my description, using clean, reusable components. App setup: [Expo / bare React Native], [TypeScript or JavaScript] Screen: [e.g. product details, profile settings, order history] What it shows and does: [list sections, buttons, actions] Data: [mock data for now / from this API: endpoint and fields] Navigation: [e.g. React Navigation stack, what screen comes before and after] Style: [colours, font sizes, light and dark mode] Requirements: - Functional components with hooks, typed props if TypeScript. - Loading, empty and error states. - Works on small and large phones; respects safe areas; tappable areas at least 44 points. - Accessibility labels on buttons and images. - Styles in a StyleSheet, no inline style objects repeated. Output the file(s) with paths, then list what I need to install and how to test the screen on a device.

Why this prompt

• Hand-picked, editorially reviewed prompt
• Written for Claude, ChatGPT, Gemini, Cursor

Source

Created by BestPromptFinder — editorial prompt, not user-generated. See our content & source policy.

Related Coding prompts