SuperAPI AI 工具集

expo-ui-jetpack-compose

通用与其它

查看项目

更新于 10-15 17:25

技能介绍

用途:在 Expo 构建的 React Native 应用中,直接使用 Android 原生 Jetpack Compose 视图,无需编写 Kotlin 即可获得符合 Android 设计语言的原生界面。适用于需要 Android 专属界面、高性能滚动列表、Material Design 3 组件、Android XML 矢量图标,以及与跨平台共享代码并存的平台特定 UI。

主要能力:通过 @expo/ui/jetpack-compose 导入 Button、LazyColumn、Section、Item、Text、Icon 等组件。LazyColumn 相当于 Jetpack Compose 的 RecyclerView,只组合与布局可见项,适合大数据集,使用 Section 与 Item 子元素而非 renderItem。Icon 可渲染 Android XML 矢量 drawable 或按名称使用 Material 图标,并支持 size、tintColor。Button 支持 filled、outlined、text 等变体。

使用方式:通过 import { Button, LazyColumn, Icon } from '@expo/ui/jetpack-compose' 按平台导入,并用 Platform.OS === 'android' 做条件渲染,或采用 .android.tsx / .ios.tsx 平台文件拆分。添加原生依赖后需运行 eas build 或 npx expo run:android 重新构建。自定义组件可用 requireNativeView('ViewName') 包装,或按 Expo Modules API 以 Kotlin 编写 Compose 模块。

限制与注意:不可在 iOS 上导入该模块,需做平台守卫;Compose 组件有自身样式,应使用 props 而非 StyleSheet;不同平台渲染遵循各自设计规范,不会完全一致。关于收费、价格等信息资料暂未提供。