How arunabhverma/expo-fuse-carousel works
This is a small Expo/React Native carousel app, not a backend service. The user opens the tabbed interface, selects Home, and browses animated carousel cards with matching pagination; the other tabs currently show simple Earn, Security, and Settings screens. The root layout provides navigation theme and status-bar setup, while the tab layout configures tab navigation and its button/background components. Carousel data and screen implementations are only represented where supported by the file tree or source index; unsampled details are not inferred.
Main entry points: (tabs)/_layout.tsx Tab Layout · Carousel.tsx Carousel · index.tsx Home Screen · app/_layout.tsx Root Layout
Components 14
App Navigation
- Root Layout
app/_layout.tsx - Tab Layout
app/(tabs)/_layout.tsx - Haptic Tab Button
components/HapticTab.tsx - Tab Background
components/ui/TabBarBackground.tsx - iOS Blur Background
components/ui/TabBarBackground.ios.tsx
Carousel Experience
- Carousel
components/Carousel.tsx - Carousel Data
mock/carousel-data.ts - Carousel Card
components/RenderItem.tsx - Pagination Dots
components/PaginationDots.tsx
Tab Screens
- Home Screen
app/(tabs)/index.tsx - Earn Screen
app/(tabs)/earn.tsx - Security Screen
app/(tabs)/security.tsx - Settings Screen
app/(tabs)/settings.tsx
Other components
- App User
Connections 15
- App User → Root Layout: opens app
- Root Layout → Tab Layout: routes to tabs
app/_layout.tsx - App User → Tab Layout: selects tab
- Tab Layout → Home Screen: registers route
app/(tabs)/_layout.tsx - Tab Layout → Earn Screen: registers route
app/(tabs)/_layout.tsx - Tab Layout → Security Screen: registers route
app/(tabs)/_layout.tsx - Tab Layout → Settings Screen: registers route
app/(tabs)/_layout.tsx - Tab Layout → Haptic Tab Button: uses button
app/(tabs)/_layout.tsx - Tab Layout → Tab Background: uses background
app/(tabs)/_layout.tsx - App User → Home Screen: views screen
- Home Screen → Carousel: renders
app/(tabs)/index.tsx - Carousel → Carousel Data: reads items
components/Carousel.tsx - Carousel → Carousel Card: renders cards
components/Carousel.tsx - Carousel → Pagination Dots: renders dots
components/Carousel.tsx - Carousel Card → Carousel Data: uses item type
components/RenderItem.tsx