Working with Fonts and Text Styling

Text in React Native begins with the font that the platform provides: Roboto on Android and SF Pro on iOS. Without any font settings, Ana's name already looks correct on each system. From that starting point you can change its size and weight, choose another font, load your own font file, and adjust the spacing and decoration of the text.

Size and Weight

A clear difference in size and weight tells the reader which line matters most. On the profile card, the name is large and bold, and the role beneath it is smaller.

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