Skip to content

Add iPad/Mac and orientation support docs #283

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mintlify wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add iPad/Mac and orientation support docs #283

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions repositories/d-sports-engage-native.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,16 @@ icon: "smartphone"
| Navigation | Expo Router |
| Package | Bun |

## Supported platforms

The app runs on iPhone, iPad, Mac (via iPad app), Android phones/tablets, and web. Orientation is not locked to portrait — screens adapt to any orientation and wider viewports using safe-area insets and responsive layout.

| Setting | Value |
| --- | --- |
| `orientation` | `"default"` (portrait and landscape) |
| `supportsTablet` | `true` |
| `requireFullScreen` | `false` (enables iPad multitasking) |

## Features

- **Wallet** — Tokens, holdings, pack opening, crypto checkout (via PWA backend)
Expand Down
2 changes: 2 additions & 0 deletions repositories/d-sports-engage-native/architecture.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,5 +26,7 @@ The native app is structured around Expo Router screens, feature-oriented compon
## Platform-specific behavior

- iOS/Android platform differences are handled in native-specific components and runtime checks.
- The app supports iPad and Mac (via iPad app) with `supportsTablet: true` and `requireFullScreen: false`. Orientation is set to `"default"` so the UI adapts to portrait and landscape.
- The `AppScreen` layout wrapper applies safe-area insets (`left`/`right`) so content reflows correctly on wider screens without a fixed `maxWidth`.
- Web-target support exists but mobile behavior is primary for interaction and performance design.
- Haptics, modal controls, and animation handling are implemented with platform-safe fallbacks.