Merge pull request #49 from Abel13/animation-tests

Animation tests

Author: Abel13

.eslintignore

@@ -45,3 +45,7 @@ android
 *.apk
 *.aab
 *.ipa
+
+# Expo
+.expo
+dist/

.eslintrc.json

@@ -13,7 +13,7 @@ This is an [Expo](https://expo.dev) project created with [`create-expo-app`](htt
 2. Start the app
 
    ```bash
-    npx expo start
+   npx expo start
    ```
 
 In the output, you'll find options to open the app in a
@@ -40,7 +40,7 @@ This command will move the starter code to the **app-example** directory and cre
 To learn more about developing your project with Expo, look at the following resources:
 
 - [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides).
-- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android and iOS.
+- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
 
 ## Join the community
 

.gitignore

@@ -3,13 +3,13 @@
     "owner": "b13soft",
     "name": "4dinha",
     "slug": "4dinha",
-    "version": "1.0.0",
     "orientation": "landscape",
     "icon": "./assets/images/icon.png",
     "scheme": "x4dinha",
     "userInterfaceStyle": "dark",
     "newArchEnabled": true,
     "ios": {
+      "icon": "./assets/images/icon.png",
       "supportsTablet": true,
       "bundleIdentifier": "com.abelb13.4dinha",
       "infoPlist": {
@@ -18,8 +18,8 @@
         "UIViewControllerBasedStatusBarAppearance": true
       }
     },
-    "androidStatusBar": {
-      "backgroundColor": "#000000"
+    "androidNavigationBar": {
+      "backgroundColor": "#021223"
     },
     "android": {
       "package": "com.abelb13.x4dinha",
@@ -34,22 +34,25 @@
       ],
       "adaptiveIcon": {
         "foregroundImage": "./assets/images/adaptive-icon.png",
-        "backgroundColor": "#ffffff"
+        "backgroundColor": "#021223"
       }
     },
     "plugins": [
       "expo-router",
+      "expo-audio",
+      "expo-localization",
+      "expo-secure-store",
       [
         "expo-splash-screen",
         {
           "image": "./assets/images/splash-icon.png",
           "imageWidth": 200,
           "resizeMode": "contain",
-          "backgroundColor": "#000000"
+          "backgroundColor": "#021223"
         }
       ],
-      "expo-localization",
-      "expo-secure-store"
+      "expo-font",
+      "expo-asset"
     ],
     "experiments": {
       "typedRoutes": true
@@ -63,7 +66,7 @@
       }
     },
     "runtimeVersion": {
-      "policy": "appVersion"
+      "policy": "fingerprint"
     },
     "updates": {
       "url": "https://u.expo.dev/9d5a4b4c-abcd-4bc5-b859-3a48433a6ff5"

README.md

@@ -10,6 +10,7 @@ import { ThemedButton } from '@/components/ThemedButton';
 import { useUserSessionStore } from '@/hooks/useUserSessionStore';
 import { useMatch } from '@/hooks/useMatch';
 import { useKeepAwake } from 'expo-keep-awake';
+import { SvgImage } from '@/components/SvgImage';
 
 const styles = StyleSheet.create({
   container: {
@@ -100,11 +101,9 @@ export default function End() {
 
       <ThemedView style={styles.card}>
         {playerPicture && (
-          <Image
-            source={{
-              uri: playerPicture,
-            }}
-            style={{ width: 100, height: 100, borderRadius: 50 }}
+          <SvgImage
+            xml={playerPicture}
+            containerStyle={{ width: 100, height: 100, borderRadius: 50 }}
           />
         )}
         <ThemedText type='subtitle' style={styles.winnerName}>