This project was based on and inspired by the repository betomoedano/expo-ui-playground

An experimental playground for exploring and showcasing Expo UI components with comprehensive examples and real-world implementations.

Building iOS-like UIs with Expo UI - A comprehensive tutorial covering Expo UI components and implementation patterns.

This playground demonstrates a complete productivity app and banking app interfaces built entirely with Expo UI Swift components, featuring:

1. Install dependencies

   bun i

2. Start the development server

   bun start

3. Open on your preferred platform

   • iOS Simulator (recommended for full Expo UI support)
   • Android Emulator
   • Physical device with Expo Go

Note: Some Expo UI components require iOS 16+ and work best on iOS simulators or physical iOS devices.

app/
├── _layout.tsx             # Root native tabs layout (Home, Basic, Settings)
├── index.tsx               # Root redirect
├── home/
│   ├── _layout.tsx         # Home tab layout
│   └── index.tsx           # Main playground (liquid-glass-example)
└── banking/
    ├── _layout.tsx         # Banking examples layout
    └── index.tsx           # Banking usage examples

This playground serves as a comprehensive reference for:

• Expo UI Component Usage - practical examples of every component
• Modern React Patterns - Context with use() hook
• TypeScript Integration - proper typing for Expo UI components
• State Management - complex state interactions
• iOS Design Patterns - native iOS UI paradigms