summaryrefslogtreecommitdiff
path: root/app/theme/typography.ts
diff options
context:
space:
mode:
authorThomas F. K. Jorna <[email protected]>2021-07-14 15:10:31 +0200
committerThomas F. K. Jorna <[email protected]>2021-07-14 15:10:31 +0200
commite5021187e96b78b53203bd95d08d6818aea47d17 (patch)
tree37ec45d00eb963db53cd4bb4f04a770414b351cc /app/theme/typography.ts
New Ignite 7.0.6 app
Diffstat (limited to 'app/theme/typography.ts')
-rw-r--r--app/theme/typography.ts31
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" }),
+}