Text
Renders text. In React Native every string must live inside a Text element, so you cannot put a bare string in a View. For type scale and tone in app code, reach for <Typography> (e.g. <Typography h3>, <Typography body>, <Typography tiny muted>), which owns the kit's roles and colors; use the raw Text primitive for the primitive-level cases it does not cover: numberOfLines truncation and nested inline runs.
The quick brown fox jumps over the lazy dog.
iOS
The quick brown fox jumps over the lazy dog.
Android
The quick brown fox jumps over the lazy dog.
Web
tsx
Default
Truncation
Nested runs
Do & Don’t
Styled type
Don’t
Hand-styling the raw Text primitive with literal font sizes and weights reinvents the type scale and drifts from the tokens.
Do
Heading
Body text
Muted caption
Reach for Typography for any styled type: it owns the kit's roles, sizes, and tones.