How do I handle layout sizing for Jetpack Compose components?

Every Jetpack Compose tree must be wrapped in a Host component. Use 'matchContents' for intrinsic sizing or 'style={{ flex: 1 }}' for explicit sizing when using components like LazyColumn.

Which Expo SDK version does this skill support?

This skill is specifically designed for Expo SDK 55. For other versions, refer to the official Expo UI documentation as APIs may vary between SDK releases.

Where do I find icons for Expo UI Jetpack Compose?

You should use Android XML vector drawables, typically sourced from Material Symbols, and load them using the @expo/ui Icon component.

Do I need a native rebuild after installing @expo/ui?

Yes, because @expo/ui utilizes native Android libraries, a native rebuild using 'npx expo run:android' is required after the initial installation.

Can I use standard React Native modifiers with these components?

No, you must use specific modifiers imported from '@expo/ui/jetpack-compose/modifiers' which are passed as an array to the components.

Expo UI Jetpack Compose

Name: Expo UI Jetpack Compose
Author: sickn33

bysickn33

•

31,431

•

Mobile Development

Enables high-performance Android-native UI development within Expo apps using Jetpack Compose components and modifiers.

This skill provides specialized guidance for integrating Android-native Jetpack Compose views into Expo SDK 55 applications via the @expo/ui package. It assists developers in mapping Jetpack Compose and Material Design 3 patterns to Expo UI code, managing native layouts with the Host component, and implementing efficient native scrolling with LazyColumn. It is essential for mobile developers looking to leverage native Android UI performance and styling while maintaining the streamlined Expo development workflow.

主な機能

01Integrates Android Jetpack Compose into Expo SDK 55 projects

02Provides direct API documentation lookups for SDK 55 components

03Implements high-performance native scrolling with LazyColumn

04Maps Material Design 3 components and modifiers to Expo UI equivalents

0531,431 GitHub stars

06Optimizes native layout sizing using the Host component

ユースケース

01Translating existing Jetpack Compose design patterns into an Expo mobile application

02Implementing native Material Design 3 UI elements within a React Native project

03Building performance-critical Android UI components requiring native rendering

主な機能

01Integrates Android Jetpack Compose into Expo SDK 55 projects

02Provides direct API documentation lookups for SDK 55 components

03Implements high-performance native scrolling with LazyColumn

04Maps Material Design 3 components and modifiers to Expo UI equivalents

0531,431 GitHub stars

06Optimizes native layout sizing using the Host component

ユースケース

01Translating existing Jetpack Compose design patterns into an Expo mobile application

02Implementing native Material Design 3 UI elements within a React Native project

03Building performance-critical Android UI components requiring native rendering