feat: add splashscreen and application icons (#7)

* perf: configurando gitignore
message: adicionado pasta android e arquivos gerados ao rodar projeto

* feat: adicionando biblioteca de fontes lato
message: foi adiconado fonte lato e configurado nos temas da aplicacao
para fazer os testes tambem foi configurado o package json para rodar o
comando start

* feat: add splashscreen and application icons

This commit will add the icons to be shown on the Android and IOS
screens on the user's device and will also add the splash to be shown when the
application loads

Author: diegohfcelestino

.gitignore

@@ -15,5 +15,14 @@ web-build/
 
 coverage/
 
+# Pasta Android do React Native
+android/
 
+# Arquivos gerados pelo Android Studio
+*.iml
+*.gradle
+*.keystore
+build/
+
+yarn.lock
 

app.json

@@ -9,9 +9,11 @@
     "splash": {
       "image": "./assets/splash.png",
       "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
+      "backgroundColor": "#4B00FA"
     },
-    "assetBundlePatterns": ["**/*"],
+    "assetBundlePatterns": [
+      "**/*"
+    ],
     "ios": {
       "supportsTablet": true,
       "googleServicesFile": "./google-services.json",
@@ -20,7 +22,7 @@
     "android": {
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
-        "backgroundColor": "#ffffff"
+        "backgroundColor": "#4B00FA"
       },
       "googleServicesFile": "./google-services.json",
       "package": "com.econominhas.app"
@@ -35,9 +37,11 @@
       }
     },
     "owner": "econominhas",
-    "plugins": ["@react-native-google-signin/google-signin"],
+    "plugins": [
+      "@react-native-google-signin/google-signin"
+    ],
     "updates": {
       "url": "https://u.expo.dev/ca980805-e57a-46b9-99c0-71417e7701e4"
     }
   }
-}
+}

assets/adaptive-icon.png

@@ -4,21 +4,23 @@
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
     "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
+    "android": "expo run:android",
+    "ios": "expo run:ios",
     "web": "expo start --web",
     "lint": "eslint .",
     "test": "jest",
     "prepare": "husky install"
   },
   "dependencies": {
+    "@expo-google-fonts/lato": "^0.2.3",
     "@react-native-google-signin/google-signin": "^10.1.1",
     "@react-navigation/native": "^6.1.9",
     "@react-navigation/native-stack": "^6.9.17",
     "axios": "^1.6.2",
     "expo": "~49.0.15",
     "expo-dev-client": "~2.4.12",
     "expo-font": "~11.4.0",
+    "expo-splash-screen": "~0.20.5",
     "expo-status-bar": "~1.6.0",
     "expo-updates": "~0.18.17",
     "jest": "^29.2.1",

assets/favicon.png

@@ -19,11 +19,16 @@ export const ThemeContext = createContext({} as ThemeContextProps);
 
 const fonts = {
   family: {
-    extraBold: 'NunitoSansExtraBold',
-    bold: 'NunitoSansBold',
-    regular: 'NunitoSansRegular',
-    light: 'NunitoSansLight',
-    medium: 'NunitoSansMedium',
+    extraBold: 'Lato_900Black',
+    extraBoldItalic: 'Lato_900Black_Italic',
+    bold: 'Lato_700Bold',
+    boldItalic: 'Lato_700Bold_Italic',
+    regular: 'Lato_400Regular',
+    regularItalic: 'Lato_400Regular_Italic',
+    light: 'Lato_300Light',
+    lightItalic: 'Lato_300Light_Italic',
+    medium: 'Lato_100Thin',
+    mediumItalic: 'Lato_100Thin_Italic',
   },
   sizes: {
     title: 32,

assets/icon.png

@@ -1,7 +1,19 @@
 import React from 'react';
 
+import {
+  useFonts,
+  Lato_100Thin,
+  Lato_100Thin_Italic,
+  Lato_300Light,
+  Lato_300Light_Italic,
+  Lato_400Regular,
+  Lato_400Regular_Italic,
+  Lato_700Bold,
+  Lato_700Bold_Italic,
+  Lato_900Black,
+  Lato_900Black_Italic,
+} from '@expo-google-fonts/lato';
 import { NavigationContainer } from '@react-navigation/native';
-import { useFonts } from 'expo-font';
 import { StatusBar } from 'expo-status-bar';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { ThemeProvider } from 'styled-components';
@@ -13,11 +25,16 @@ import { MainNavigator } from './navigation';
 function App() {
   const { palette, darkMode } = useCustomTheme();
   const [fontsLoaded] = useFonts({
-    NunitoSansLight: require('../assets/fonts/NunitoSansLight.ttf'),
-    NunitoSansBold: require('../assets/fonts/NunitoSansBold.ttf'),
-    NunitoSansExtraBold: require('../assets/fonts/NunitoSansExtraBold.ttf'),
-    NunitoSansMedium: require('../assets/fonts/NunitoSansMedium.ttf'),
-    NunitoSansRegular: require('../assets/fonts/NunitoSansRegular.ttf'),
+    Lato_100Thin,
+    Lato_100Thin_Italic,
+    Lato_300Light,
+    Lato_300Light_Italic,
+    Lato_400Regular,
+    Lato_400Regular_Italic,
+    Lato_700Bold,
+    Lato_700Bold_Italic,
+    Lato_900Black,
+    Lato_900Black_Italic,
   });
 
   if (!fontsLoaded) {