Constants - add getFontScale (#3597)

* Added fontScale to constants

* Changed fontScale to a getter function

* Made fontScale regular proprety

* Made fontScale to getFontScale

* Moving usage of direct PixelRatio

* Removed unsused import

* Update src/commons/Constants.ts

Author: nitzanyiz

src/commons/Constants.ts

@@ -5,7 +5,8 @@ import {
   I18nManager,
   AccessibilityInfo,
   AccessibilityChangeEvent,
-  StatusBar
+  StatusBar,
+  PixelRatio
 } from 'react-native';
 
 export enum orientations {
@@ -190,7 +191,10 @@ const constants = {
   },
   /* Keyboard */
   backspaceKey: 'Backspace',
-  enterKey: 'Enter'
+  enterKey: 'Enter',
+
+  /* Font scale */
+  getFontScale: PixelRatio.getFontScale
 };
 
 setStatusBarHeight();

src/components/colorPicker/ColorPickerPreview.tsx

@@ -1,5 +1,5 @@
 import React, {useRef} from 'react';
-import {StyleSheet, TextInput, PixelRatio, I18nManager} from 'react-native';
+import {StyleSheet, TextInput, I18nManager} from 'react-native';
 
 import {Colors, Typography} from '../../style';
 import {ColorPickerDialogProps} from './ColorPickerDialog';
@@ -22,7 +22,7 @@ const ColorPickerPreview = (props: PreviewProps) => {
 
   const hex = getHexString(color);
   const textColor = getTextColor(hex);
-  const fontScale = PixelRatio.getFontScale();
+  const fontScale = Constants.getFontScale();
   const value = Colors.isTransparent(text) ? '000000' : text;
 
   return (