managarten/apps/context/apps/mobile/ReadMe/ExpoUI.md
Till-JS bb0e0cf5cb 🚚 feat(context): integrate context app into monorepo
Restructure the context app (formerly basetext) to follow the monorepo
pattern with proper workspace configuration.

Changes:
- Move app files to apps/context/apps/mobile/
- Rename package to @context/mobile
- Update bundle ID to com.manacore.context
- Create pnpm-workspace.yaml for project workspace
- Add dev scripts to root package.json
- Update CLAUDE.md with project documentation

The app structure is prepared for future web/backend additions.

Note: Existing TypeScript errors in the original codebase are preserved.
These should be fixed in a follow-up PR.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-05 15:09:04 +01:00

2.7 KiB
Raw Blame History

Expo UI

A set of components that allow you to build UIs directly with SwiftUI and Jetpack Compose from React.

Bundled version: ~0.1.1-alpha.10 This library is currently in alpha and will frequently experience breaking changes. It is not available in the Expo Go app use development builds to try it out. @expo/ui is a set of native input components that allows you to build fully native interfaces with SwiftUI and Jetpack Compose. It aims to provide the commonly used features and components that a typical app will need.

Installation Terminal

Copy

npx expo install @expo/ui If you are installing this in an existing React Native app, make sure to install expo in your project.

Swift UI examples BottomSheet

iOS

Code

BottomSheet component on iOS. Button

iOS

Code

Button component on iOS. CircularProgress

iOS

Code

CircularProgress component on iOS. ColorPicker

iOS

Code

ColorPicker component on iOS. ContextMenu Note: Also known as DropdownMenu.

iOS

Code

ContextMenu component on iOS. DateTimePicker (date)

iOS

Code

DateTimePicker (date) component on iOS. DateTimePicker (time)

iOS

Code

DateTimePicker (time) component on iOS. Gauge

iOS

Code

Gauge component on iOS. LinearProgress

iOS

Code

LinearProgress component on iOS. List

iOS

Code

List component on iOS. Picker (segmented)

iOS

Code

Picker component on iOS. Picker (wheel)

iOS

Code

Picker component on iOS. Slider

iOS

Code

Slider component on iOS. Switch (toggle) Note: Also known as Toggle.

iOS

Code

Switch component on iOS. Switch (checkbox)

iOS

Code

Picker component on iOS. TextInput

iOS

Code

TextInput component on iOS. Jetpack Compose examples Button

Android

Code

Button component on Android. CircularProgress

Android

Code

CircularProgress component on Android. ContextMenu Note: Also known as DropdownMenu.

Android

Code

ContextMenu component on Android. DateTimePicker (date)

Android

Code

DateTimePicker component on Android. DateTimePicker (time)

Android

Code

DateTimePicker (time) component on Android. LinearProgress

Android

Code

LinearProgress component on Android. Picker (radio)

Android

Code

Picker component (radio) on Android. Picker (segmented)

Android

Code

Picker component on Android. Slider

Android

Code

Slider component on Android. Switch (toggle) Note: Also known as Toggle.

Android

Code

Switch component on Android. Switch (checkbox)

Android

Code

Switch (checkbox variant) component on Android. TextInput

Android

Code

TextInput component on Android. API Full documentation is not yet available. Use TypeScript types to explore the API.

// Import from the SwiftUI package import { BottomSheet } from '@expo/ui/swift-ui'; // Import from the Jetpack Compose package import { Button } from '@expo/ui/jetpack-compose';