Skip to main content
Version: Bleeding Edge 🚧

Text

Text displays words and characters of various sizes.

Usage

Import

import { Text } from '@rneui/themed';

Theme Key

Text
Loading...

Using font-weight on android

note

For Android the font. weights MUST align with the used font. So try out which is the regarding font weight to your used font.


h1Style: {
fontFamily: 'Nunito-SemiBold',
fontWeight: '300',
},
h2Style: {
fontFamily: 'Nunito-Regular',
fontWeight: '100',
},
h3Style: {
fontFamily: 'Nunito-Bold',
fontWeight: '500',
},

Props

NameTypeDefaultDescription
h1booleanfalseText with Font size 40.
h1StyleText Style{}Styling when h1 is set.
h2booleanfalseText with Font size 34.
h2StyleText Style{}Styling when h2 is set.
h3booleanfalseText with Font size 28.
h3StyleText Style{}Styling when h3 is set.
h4booleanfalseText with Font size 22.
h4StyleText Style{}Styling when h4 is set.
styleText Style{}Add additional styling for Text.

Playground

Loading...