---
title: "rendering text in text component"
description: "Strings must be rendered inside `<Text>`. React Native crashes if a string is a direct child of `<View>`."
type: skill
canonical_url: https://claudary.paisolsolutions.com/skills/rendering-text-in-text-component
source: "Claudary"
difficulty: intermediate
author: "Claude Code Knowledge Pack"
date: 2026-07-10T11:37:38.713Z
license: CC-BY-4.0
attribution: "rendering text in text component — Claudary (https://claudary.paisolsolutions.com/skills/rendering-text-in-text-component)"
---

# rendering text in text component
Strings must be rendered inside `<Text>`. React Native crashes if a string is a direct child of `<View>`.

## Overview

---
title: Wrap Strings in Text Components
impact: CRITICAL
impactDescription: prevents runtime crash
tags: rendering, text, core
---

## Wrap Strings in Text Components

Strings must be rendered inside `<Text>`. React Native crashes if a string is a
direct child of `<View>`.

**Incorrect (crashes):**

```tsx
import { View } from 'react-native'

function Greeting({ name }: { name: string }) {
  return <View>Hello, {name}!</View>
}
// Error: Text strings must be rendered within a <Text> component.
```

**Correct:**

```tsx
import { View, Text } from 'react-native'

function Greeting({ name }: { name: string }) {
  return (
    <View>
      <Text>Hello, {name}!</Text>
    </View>
  )
}
```

---

Source: [Claudary](https://claudary.paisolsolutions.com/skills/rendering-text-in-text-component) · https://claudary.paisolsolutions.com