@mrmeg/expo-ui 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/constants/fonts.js +8 -2
- package/package.json +1 -1
package/dist/constants/fonts.js
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
|
+
import { Platform } from "react-native";
|
|
1
2
|
// Web font stack fallback
|
|
2
3
|
const WEB_FONT_STACK = "system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
// IMPORTANT: do NOT key these on `typeof document` / `typeof navigator`.
|
|
5
|
+
// On a web bundle, Node SSR sees `undefined` for both and the client sees them,
|
|
6
|
+
// producing different snapshot values at module load -> hydration mismatch on
|
|
7
|
+
// every <StyledText>. `Platform.OS` (from react-native-web) returns "web" in
|
|
8
|
+
// both environments, so the value is stable.
|
|
9
|
+
const isWebRuntime = Platform.OS === "web";
|
|
10
|
+
const isReactNativeRuntime = Platform.OS !== "web";
|
|
5
11
|
const serifFamilies = isWebRuntime
|
|
6
12
|
? { regular: "Georgia, 'Times New Roman', serif", bold: "Georgia, 'Times New Roman', serif" }
|
|
7
13
|
: { regular: "Georgia", bold: "Georgia" };
|