---
title: "create screen"
description: "Create a React Native screen with navigation, layout, and platform-specific handling."
type: skill
canonical_url: https://claudary.paisolsolutions.com/skills/create-screen
source: "Claudary"
difficulty: intermediate
author: "Claude Code Knowledge Pack"
date: 2026-07-10T11:19:08.984Z
license: CC-BY-4.0
attribution: "create screen — Claudary (https://claudary.paisolsolutions.com/skills/create-screen)"
---

# create screen
Create a React Native screen with navigation, layout, and platform-specific handling.

## Overview

Create a React Native screen with navigation, layout, and platform-specific handling.

## Steps


1. Define the screen requirements:
2. Set up the screen file:
3. Build the layout:
4. Add data fetching:
5. Add navigation:
6. Test on both iOS and Android simulators.
7. Handle keyboard avoidance for forms.

## Format


```
Screen: <name>
Navigator: <stack|tab|drawer>
Data: <API endpoints or data sources>
Platform Handling: <iOS/Android differences>
```


## Rules

- Always use SafeAreaView for screens that touch screen edges.
- Handle both iOS and Android keyboard behavior.
- Use FlatList over ScrollView for long lists (performance).

---

Source: [Claudary](https://claudary.paisolsolutions.com/skills/create-screen) · https://claudary.paisolsolutions.com