Made moderateScale safe for Android

Author: abhijithsheheer

aliases.json

@@ -4,5 +4,6 @@
   "@theme": "./src/theme",
   "@config": "./src/config",
   "@hooks": "./src/hooks",
-  "@contexts": "./src/contexts"
+  "@contexts": "./src/contexts",
+  "@utils": "./src/utils"
 }

src/components/Accordion.jsx

@@ -9,7 +9,6 @@ import { Animated, StyleSheet } from "react-native";
 
 import { Down } from "@bigbinary/neeto-icons-rn";
 import PropTypes from "prop-types";
-import { moderateScale } from "react-native-size-matters";
 import styled, { ThemeContext } from "styled-components/native";
 import {
   buttonStyle,
@@ -20,6 +19,8 @@ import {
   layout,
 } from "styled-system";
 
+import { moderateScale } from "@utils/scale";
+
 import { Container } from "./Container";
 
 const TouchableOpacity = styled.TouchableOpacity`

src/components/ActionIcon.jsx

@@ -1,9 +1,9 @@
 import React from "react";
 
 import PropTypes from "prop-types";
-import { moderateScale } from "react-native-size-matters";
 
 import { theme } from "@theme";
+import { moderateScale } from "@utils/scale";
 
 import { Loader } from "./Loader";
 import { Touchable } from "./Touchable";

src/components/Alert.jsx

@@ -2,7 +2,8 @@ import React, { useState } from "react";
 import { StyleSheet } from "react-native";
 
 import Modal from "react-native-modal";
-import { moderateScale } from "react-native-size-matters";
+
+import { moderateScale } from "@utils/scale";
 
 import { Button } from "./Button";
 import { Container } from "./Container";
@@ -71,7 +72,7 @@ let rootLevelRef = null;
  *  ## Usage
  * ```js
  *import * as React from "react";
- *import { moderateScale } from "react-native-size-matters";
+ *import { moderateScale } from "@utils/scale";
  *import { Alert } from "@bigbinary/neetoui-rn";
  *export function App(props) {
  *  return (
@@ -83,7 +84,7 @@ let rootLevelRef = null;
  *}
  *
  *import * as React from "react";
- *import { moderateScale } from "react-native-size-matters";
+ *import { moderateScale } from "@utils/scale";
  *import { Alert, Button } from "@bigbinary/neetoui-rn";
  *
  *export default function Main() {

src/components/Avatar.jsx

@@ -8,7 +8,8 @@ import Animated, {
   useSharedValue,
   withTiming,
 } from "react-native-reanimated";
-import { moderateScale } from "react-native-size-matters";
+
+import { moderateScale } from "@utils/scale";
 
 import { Container } from "./Container";
 import { Typography } from "./Typography";

src/components/Badge.jsx

@@ -1,7 +1,8 @@
 import React from "react";
 
 import PropTypes from "prop-types";
-import { moderateScale } from "react-native-size-matters";
+
+import { moderateScale } from "@utils/scale";
 
 import { Container } from "./Container";
 import { Typography } from "./Typography";

src/components/BottomSheet.jsx

@@ -9,7 +9,8 @@ import {
 import PropTypes from "prop-types";
 import Modal from "react-native-modal";
 import { SafeAreaView } from "react-native-safe-area-context";
-import { moderateScale } from "react-native-size-matters";
+
+import { moderateScale } from "@utils/scale";
 
 import { Container } from "./Container";
 import { Divider } from "./Divider";

src/components/BottomTabBar.jsx

@@ -10,7 +10,8 @@ import Animated, {
   Extrapolation,
 } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { moderateScale } from "react-native-size-matters";
+
+import { moderateScale } from "@utils/scale";
 
 import { Container } from "./Container";
 import { Typography } from "./Typography";
@@ -118,7 +119,7 @@ const styles = StyleSheet.create({
  * import { NavigationContainer } from '@react-navigation/native';
  * import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
  * import { ThemeContext } from "styled-components/native";
- * import { moderateScale } from "react-native-size-matters";
+ * import { moderateScale } from "@utils/scale";
  *
  * const Tab = createBottomTabNavigator();
  *

src/components/Button.jsx

@@ -2,9 +2,10 @@ import React, { useContext } from "react";
 
 import propTypes from "@styled-system/prop-types";
 import PropTypes from "prop-types";
-import { moderateScale } from "react-native-size-matters";
 import { ThemeContext } from "styled-components/native";
 
+import { moderateScale } from "@utils/scale";
+
 import { Container } from "./Container";
 import { Loader } from "./Loader";
 import { Touchable } from "./Touchable";

src/components/ButtonGroup.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
 import PropTypes from "prop-types";
-import { moderateScale } from "react-native-size-matters";
+
+import { moderateScale } from "@utils/scale";
 
 import { Container } from "./Container";
 import { Touchable } from "./Touchable";