Add animated splash screen with logo fade-in and scale animations

[Copilot]

Adds a 2.6s animated splash screen that displays during app initialization, replacing the previous static loading indicator.

Changes

New component (components/AnimatedSplashScreen.tsx):

• Logo fade-in with scale animation (0.8 → 1.05 → 1.0) using react-native-reanimated
• Tagline fade-in on 600ms delay
• Fade-out transition before navigation
• Callback-based completion handler

Integration:

• app/index.tsx: Renders splash until both animation and app state check complete
• app/_layout.tsx: Prevents premature native splash dismissal via SplashScreen.preventAutoHideAsync()
• app.config.js: Native splash config with black background

Animation timing

0ms    → Black screen
300ms  → Logo fade + scale (800ms duration)
900ms  → Tagline fade (600ms duration)
2200ms → Fade out (400ms duration)
2600ms → Navigate to app

Uses cubic easing and hardware-accelerated animations. Matches existing onboarding screen animation patterns.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• cdp.expo.dev
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/SafeDose/SafeDose/node_modules/.bin/expo start --web grep -l animation\|Animated\|Lottie\|motion /home/REDACTED/work/SafeDose/SafeDgrep grep -l animation\|Animated\|Lottie\|mot/home/REDACTED/work/SafeDose/SafeDose/node_modules/firebase/auth/dist/data-connect/index.d.ts /home/REDACTED/work/SafeDose/SafeDgrep grep -l esm/compat/functions/index.d.ts (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Add a new animated splash screen</issue_title>
<issue_description></issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Add a new animated splash screen #409

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
safe-dose	Ready	Preview	Comment	Dec 3, 2025 1:56am