@dankupfer/create-dn-starter
Version:
Interactive CLI for creating modular React Native apps with Expo
55 lines (42 loc) • 1.9 kB
Markdown
# Splash Module
**Category:** Core
**Dependencies:** None
**Platform:** iOS, Android, Web
## Overview
Animated splash screen component that displays during app startup with fade-in and scale animations. Currently shows placeholder content that needs proper branding and styling.
## Quick Start
```typescript
import SplashScreen from './src/modules/core/splash';
// Basic usage - shows animated splash screen
<SplashScreen />
// Access splash API
import { metadata } from './src/modules/core/splash';
const splashAPI = metadata.api;
console.log(splashAPI.getAppInfo());
```
## Key Features
- **Smooth Animations**: Fade-in and spring scale animations using React Native Animated
- **Brand Display**: App logo, title, and tagline presentation
- **Version Info**: App version display in footer
- **Module API**: Exposes app info and splash control functions
- **Cross-Platform**: Works consistently across mobile and web
## Current Status
### ✅ Completed
- Basic animated splash screen component
- Fade-in and scale animation implementation
- Module metadata and API structure
### 📋 TODO
- **Real Branding**: Replace placeholder content with actual logo and branding
- **Theme Integration**: Connect to ThemeProvider for brand-aware styling
- **Dynamic Content**: Load app info from package.json or config
- **Loading States**: Add loading indicators for app initialization
- **Custom Animations**: More sophisticated animation sequences
- **Brand Variants**: Support for different brand themes
## Known Limitations
- **Placeholder Content**: Uses generic "Banking App" title and money emoji
- **Hard-coded Styling**: Fixed colors and sizing, not theme-aware
- **Static Content**: App name and version are hard-coded in component
- **No Loading Logic**: Pure display component with no initialization tracking
## Dependencies
- React Native Animated API
- No external libraries