diff options
author | Thomas F. K. Jorna <[email protected]> | 2021-07-14 15:10:31 +0200 |
---|---|---|
committer | Thomas F. K. Jorna <[email protected]> | 2021-07-14 15:10:31 +0200 |
commit | e5021187e96b78b53203bd95d08d6818aea47d17 (patch) | |
tree | 37ec45d00eb963db53cd4bb4f04a770414b351cc /app/theme/typography.ts |
New Ignite 7.0.6 app
Diffstat (limited to 'app/theme/typography.ts')
-rw-r--r-- | app/theme/typography.ts | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/app/theme/typography.ts b/app/theme/typography.ts new file mode 100644 index 0000000..5f7de85 --- /dev/null +++ b/app/theme/typography.ts @@ -0,0 +1,31 @@ +import { Platform } from "react-native" + +/** + * You can find a list of available fonts on both iOS and Android here: + * https://github.com/react-native-training/react-native-fonts + * + * If you're interested in adding a custom font to your project, + * check out the readme file in ./assets/fonts/ then come back here + * and enter your new font name. Remember the Android font name + * is probably different than iOS. + * More on that here: + * https://github.com/lendup/react-native-cross-platform-text + * + * The various styles of fonts are defined in the <Text /> component. + */ +export const typography = { + /** + * The primary font. Used in most places. + */ + primary: Platform.select({ ios: "Helvetica", android: "normal" }), + + /** + * An alternate font used for perhaps titles and stuff. + */ + secondary: Platform.select({ ios: "Arial", android: "sans-serif" }), + + /** + * Lets get fancy with a monospace font! + */ + code: Platform.select({ ios: "Courier", android: "monospace" }), +} |