diff options
Diffstat (limited to 'app_expo/theme/typography.ts')
-rw-r--r-- | app_expo/theme/typography.ts | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/app_expo/theme/typography.ts b/app_expo/theme/typography.ts new file mode 100644 index 0000000..1695777 --- /dev/null +++ b/app_expo/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' }), +} |