Please opt in to our enterprise plan (coming soon) for priority support with NativeBase. If you are starting a new project, we recommend using gluestack-ui. For your existing projects, you can utilize @gluestack-ui/themed-native-base (beta).
Text
Text is used to render text and paragraphs within an interface.
Examples
ChangingFontSize
Playground
constExample=()=>{
return<VStackspace={1}alignItems="center"mt={3}>
<HeadingtextAlign="center"mb="10">
Sizes
</Heading>
<TextfontSize="xs">xs</Text>
<TextfontSize="sm">sm</Text>
<TextfontSize="md">md</Text>
<TextfontSize="lg">lg</Text>
<TextfontSize="xl">xl</Text>
<TextfontSize="2xl">2xl</Text>
<TextfontSize="3xl">3xl</Text>
<TextfontSize="4xl">4xl</Text>
<TextfontSize="5xl">5xl</Text>
<TextfontSize="6xl">6xl</Text>
</VStack>;
};
Truncated
Playground
constExample=()=>{
return<TextisTruncatedmaxW="300"w="80%">
NativeBase gives you a contrasting color based on your theme. You can also