Fontes responsivas

src/Components/About/aboutCards.js

@@ -3,6 +3,7 @@ import { View, StyleSheet, Text, Linking } from "react-native"
 import Icon from "react-native-vector-icons/FontAwesome"
 import { Avatar } from "react-native-elements"
 import LinearGradient from "react-native-linear-gradient"
+import { scale } from "~/Components/responsive"
 
 const aboutCards = props => {
   const { name, desc, avatar, socialMedia } = props
@@ -61,12 +62,12 @@ const styles = StyleSheet.create({
     marginLeft: 10
   },
   titleTextStyle: {
-    fontSize: 20,
+    fontSize: scale(14),
     fontFamily: "OpenSans",
     color: "#999295"
   },
   bodyTextStyle: {
-    fontSize: 14,
+    fontSize: scale(12),
     fontFamily: "OpenSans",
     color: "#999295"
   }

src/Components/About/aboutHeader.js

@@ -3,6 +3,7 @@ import React from "react"
 import { View, StyleSheet, Text } from "react-native"
 import Touchable from "react-native-platform-touchable"
 import { Icon } from "react-native-elements"
+import { scale } from "~/Components/responsive"
 
 const aboutHeader = props => {
   return (
@@ -43,7 +44,7 @@ const styles = StyleSheet.create({
     marginLeft: 10
   },
   languagesInfo: {
-    fontSize: 22,
+    fontSize: scale(20),
     textAlign: "left",
     marginLeft: 10
   }

src/Components/Chat/chatHeader.js

@@ -3,6 +3,7 @@ import React from "react"
 import { View, StyleSheet, Text } from "react-native"
 import { Avatar, Icon } from "react-native-elements"
 import Touchable from "react-native-platform-touchable"
+import { scale } from "~/Components/responsive"
 
 const chatHeader = props => {
   const { userName, userPhoto, navigation, status } = props
@@ -69,10 +70,10 @@ const styles = StyleSheet.create({
     marginLeft: 10
   },
   userName: {
-    fontSize: 18
+    fontSize: scale(16)
   },
   lastSeen: {
-    fontSize: 10
+    fontSize: scale(10)
   },
   moreInfo: {
     marginTop: 10,

src/Components/Chat/chatInput.js

@@ -8,6 +8,7 @@ import {
   TouchableOpacity
 } from "react-native"
 import Icon from "react-native-vector-icons/Feather"
+import { scale } from "~/Components/responsive"
 
 const { width: WIDTH } = Dimensions.get("window")
 
@@ -31,7 +32,7 @@ export default class MessageInput extends Component {
 
     const newStyle = {
       height,
-      fontSize: 14,
+      fontSize: scale(12),
       width: WIDTH - 60
     }
     return (

src/Components/Config/configBody.js

@@ -13,6 +13,7 @@ import {
 import Touchable from "react-native-platform-touchable"
 import { Icon } from "react-native-elements"
 import firebase from "react-native-firebase"
+import { scale } from "~/Components/responsive"
 
 export default class configBody extends Component {
   constructor() {
@@ -200,7 +201,7 @@ const styles = StyleSheet.create({
   },
   touchableStyle: {
     fontFamily: "OpenSans",
-    fontSize: 18,
+    fontSize: scale(16),
     marginLeft: 10
   },
   touchableStyleExit: {
@@ -216,7 +217,7 @@ const styles = StyleSheet.create({
     padding: 12
   },
   touchableStyleTitle: {
-    fontSize: 22,
+    fontSize: scale(20),
     fontFamily: "OpenSans",
     fontWeight: "bold",
     marginTop: 20,

src/Components/Config/configHeader.js

@@ -1,6 +1,7 @@
 import React from "react"
 
 import { View, StyleSheet, Text } from "react-native"
+import { scale } from "~/Components/responsive"
 
 const configHeader = () => {
   return (
@@ -29,7 +30,7 @@ const styles = StyleSheet.create({
   },
   configInfo: {
     flex: 1,
-    fontSize: 22,
+    fontSize: scale(20),
     textAlign: "center",
     backgroundColor: "#fff"
   }

src/Components/Contacts/contactHeader.js

@@ -3,6 +3,7 @@ import React from "react"
 import { View, StyleSheet, Text, Dimensions } from "react-native"
 import { Icon } from "react-native-elements"
 import Touchable from "react-native-platform-touchable"
+import { scale } from "~/Components/responsive"
 
 const contactsHeader = props => {
   const { syncronize, onPressSearch } = props
@@ -50,7 +51,7 @@ const styles = StyleSheet.create({
   },
   contactsInfo: {
     flex: 1,
-    fontSize: 22,
+    fontSize: scale(20),
     textAlign: "center",
     backgroundColor: "#fff"
   },

src/Components/Contato/contato.js

@@ -3,6 +3,7 @@ import React from "react"
 import { View, StyleSheet, Text } from "react-native"
 import { Avatar } from "react-native-elements"
 import Touchable from "react-native-platform-touchable"
+import { scale } from "~/Components/responsive"
 
 const Contato = props => {
   const { item, onPress } = props
@@ -51,13 +52,14 @@ const styles = StyleSheet.create({
   },
   name: {
     position: "absolute",
-    top: 0
+    top: 0,
+    fontSize: scale(14)
   },
   phone: {
     position: "absolute",
     bottom: 0,
     color: "#a9a9a9",
-    fontSize: 13
+    fontSize: scale(10)
   }
 })
 

src/Components/Conversa/conversa.js

@@ -6,6 +6,7 @@ import getTime from "~/functions/getTime"
 import firebase from "react-native-firebase"
 import { Avatar } from "react-native-elements"
 import Touchable from "react-native-platform-touchable"
+import { scale } from "~/Components/responsive"
 
 const conversa = props => {
   const { item, onPress, onLongPress } = props
@@ -19,11 +20,9 @@ const conversa = props => {
     } else if (atualDate.getDate() - date.getDate() === 1) {
       textDate = "Ontem"
     } else if (atualDate.getDate() - date.getDate() >= 2) {
-      textDate = `${date
-        .getDate()
-        .toString()}/${(date
-        .getMonth() + 1)
-        .toString()}/${date.getFullYear().toString()}`
+      textDate = `${date.getDate().toString()}/${(
+        date.getMonth() + 1
+      ).toString()}/${date.getFullYear().toString()}`
     }
     return textDate
   }
@@ -88,7 +87,7 @@ const styles = StyleSheet.create({
     position: "absolute",
     bottom: 0,
     color: "#a9a9a9",
-    fontSize: 13
+    fontSize: scale(12)
   },
   cont: {
     width: 20,
@@ -98,11 +97,11 @@ const styles = StyleSheet.create({
     marginTop: 5
   },
   data: {
-    fontSize: 8
+    fontSize: scale(8)
   },
   unread: {
     fontWeight: "bold",
-    fontSize: 8,
+    fontSize: scale(8),
     alignSelf: "center",
     color: "white"
   },

src/Components/Languages/languagesHeader.js

@@ -3,6 +3,7 @@ import React from "react"
 import { View, StyleSheet, Text } from "react-native"
 import Touchable from "react-native-platform-touchable"
 import { Icon } from "react-native-elements"
+import { scale } from "~/Components/responsive"
 
 const languagesHeader = props => {
   return (
@@ -46,7 +47,7 @@ const styles = StyleSheet.create({
     marginLeft: 10
   },
   languagesInfo: {
-    fontSize: 22,
+    fontSize: scale(20),
     textAlign: "left",
     marginLeft: 10
   }