radiola-android/.agents/skills/vercel-react-native-skills/rules/rendering-text-in-text-component.md

title, impact, impactDescription, tags

title	impact	impactDescription	tags
Wrap Strings in Text Components	CRITICAL	prevents runtime crash	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):

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:

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

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