chore: consider font scale for menu item text

enesozturk · Mar 3, 2021 · c17327d · c17327d
1 parent 928c5c8
commit c17327d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/constants.ts b/src/constants.ts
@@ -35,6 +35,8 @@ const MENU_TRANSFORM_ORIGIN_TOLERENCE = 10;
 
 const IS_IOS = Platform.OS === 'ios';
 
+const FONT_SCALE = Dimensions.get('screen').fontScale;
+
 export {
   CONTEXT_MENU_STATE,
   WINDOW_HEIGHT,
@@ -48,4 +50,5 @@ export {
   SPRING_CONFIGURATION_MENU,
   MENU_TRANSFORM_ORIGIN_TOLERENCE,
   IS_IOS,
+  FONT_SCALE,
 };
diff --git a/src/utils/calculations.ts b/src/utils/calculations.ts
@@ -1,9 +1,16 @@
 import styleGuide from '../styleGuide';
-import { MENU_WIDTH, MENU_TRANSFORM_ORIGIN_TOLERENCE } from '../constants';
+import {
+  MENU_WIDTH,
+  MENU_TRANSFORM_ORIGIN_TOLERENCE,
+  FONT_SCALE,
+} from '../constants';
 
 export const MenuItemHeight = () => {
   'worklet';
-  return styleGuide.typography.callout.lineHeight + styleGuide.spacing * 2.5;
+  return (
+    styleGuide.typography.callout.lineHeight * FONT_SCALE +
+    styleGuide.spacing * 2.5
+  );
 };
 
 export const calculateMenuHeight = (