rn-boiler-template
Advanced tools
Comparing version 1.71.71 to 1.71.72
{ | ||
"name": "rn-boiler-template", | ||
"version": "1.71.71", | ||
"version": "1.71.72", | ||
"description": "Clean and minimalist React Native template for a quick start with TypeScript and components", | ||
@@ -5,0 +5,0 @@ "scripts": { |
import { StyleSheet } from 'react-native'; | ||
import { sizeScale } from '@common'; | ||
import { FontDefault } from '@theme/typography'; | ||
import { FontDefault } from '@theme'; | ||
export const textPresets = StyleSheet.create({ | ||
linkTitle: { | ||
fontFamily: FontDefault.primary, | ||
fontFamily: 'FontDefault.primary', | ||
fontSize: sizeScale(24), | ||
@@ -50,3 +50,3 @@ lineHeight: 32, | ||
textMedium: { | ||
fontFamily: FontDefault.secondary, | ||
fontFamily: FontDefault.primary, | ||
fontSize: sizeScale(16), | ||
@@ -57,3 +57,3 @@ lineHeight: 30, | ||
textSmall: { | ||
fontFamily: FontDefault.secondary, | ||
fontFamily: FontDefault.primary, | ||
fontSize: sizeScale(14), | ||
@@ -64,3 +64,3 @@ lineHeight: 20, | ||
textXSmall: { | ||
fontFamily: FontDefault.secondary, | ||
fontFamily: FontDefault.primary, | ||
fontSize: sizeScale(11), | ||
@@ -71,3 +71,3 @@ lineHeight: 20, | ||
textXXSmall: { | ||
fontFamily: FontDefault.secondary, | ||
fontFamily: FontDefault.primary, | ||
fontSize: sizeScale(9), | ||
@@ -74,0 +74,0 @@ lineHeight: 20, |
/* eslint-disable @typescript-eslint/no-explicit-any */ | ||
import { APP_DISPLAY_NAME } from "@env"; | ||
import { MMKV } from "react-native-mmkv"; | ||
import { initializeMMKVFlipper } from "react-native-mmkv-flipper-plugin"; | ||
import { MMKV } from 'react-native-mmkv'; | ||
import { initializeMMKVFlipper } from 'react-native-mmkv-flipper-plugin'; | ||
const AppKey = "7268428d-d814-4eca-8829-3dbe0e2eaa7a"; | ||
import { APP_DISPLAY_NAME } from '@env'; | ||
const AppKey = '7268428d-d814-4eca-8829-3dbe0e2eaa7a'; | ||
export const AppStorage = new MMKV({ | ||
@@ -56,3 +57,3 @@ id: `user-${APP_DISPLAY_NAME}-storage`, | ||
return typeof almostThere === "string" ? JSON.parse(almostThere) : null; | ||
return typeof almostThere === 'string' ? JSON.parse(almostThere) : null; | ||
} catch { | ||
@@ -102,3 +103,3 @@ return null; | ||
}, | ||
getItem: (key) => { | ||
getItem: key => { | ||
const value = AppStorage.getString(key); | ||
@@ -108,3 +109,3 @@ | ||
}, | ||
removeItem: (key) => { | ||
removeItem: key => { | ||
AppStorage.delete(key); | ||
@@ -111,0 +112,0 @@ |
import { Theme, useTheme as useThemeRN } from '@react-navigation/native'; | ||
import { ColorDark, ColorDefault } from '@theme/color'; | ||
type ColorDefault = typeof ColorDefault; | ||
type ColorDark = typeof ColorDark; | ||
import { ColorDefault } from './colors/default'; | ||
import { FontDefault } from './typography/default'; | ||
export type Colors = ColorDefault & ColorDark; | ||
export { FontDefault } from './typography/default'; | ||
type ColorDefaultType = typeof ColorDefault; | ||
export type Colors = ColorDefaultType; | ||
export type AppTheme = Theme & { colors: Colors }; | ||
@@ -16,10 +19,4 @@ | ||
const Dark: AppTheme = { | ||
dark: true, | ||
colors: ColorDark, | ||
}; | ||
export const MyAppTheme = { | ||
default: Default, | ||
dark: Dark, | ||
}; | ||
@@ -34,1 +31,3 @@ | ||
}; | ||
export type FontFamily = keyof typeof FontDefault; |
8092766
11743