Font Size
Adjust the size of the text.
Import​
src/screens/Component.js
import { text } from "nativeflowcss";
Properties​
| Object | Native Properties |
|---|---|
| text.fs_xs | { fontSize: 12, lineHeight: 16 } |
| text.fs_sm | { fontSize: 14, lineHeight: 20 } |
| text.fs_base | { fontSize: 16, lineHeight: 24 } |
| text.fs_lg | { fontSize: 18, lineHeight: 28 } |
| text.fs_xl | { fontSize: 20, lineHeight: 28 } |
| text.fs_2xl | { fontSize: 24, lineHeight: 32 } |
| text.fs_3xl | { fontSize: 30, lineHeight: 36 } |
| text.fs_4xl | { fontSize: 36, lineHeight: 40 } |
| text.fs_5xl | { fontSize: 48, lineHeight: 48 } |
| text.fs_6xl | { fontSize: 60, lineHeight: 60 } |
| text.fs_7xl | { fontSize: 72, lineHeight: 72 } |
| text.fs_8xl | { fontSize: 96, lineHeight: 96 } |
| text.fs_9xl | { fontSize: 128, lineHeight: 128 } |