SuperAPI AI 工具集

expo-ui-jetpack-compose

编程与开发

查看项目

更新于 10-16 01:28

技能介绍

用途:在 Expo SDK 55 项目中使用 @expo/ui/jetpack-compose 构建 Android 原生 UI,例如选择 Jetpack Compose 视图或修饰符、将其嵌入 Host,或把 Compose 模式转写为 Expo UI 代码。

主要能力:API 对应 Jetpack Compose,可借助 Compose 与 Material Design 3 知识决定组件和修饰符;组件从 @expo/ui/jetpack-compose 导入,修饰符从 @expo/ui/jetpack-compose/modifiers 导入;每个 Compose 树需用 Host 包裹,<Host matchContents> 用于内容固有尺寸,<Host style={{ flex: 1 }}> 用于显式尺寸(如作为 LazyColumn 的父级)。

使用方式:安装命令为 npx expo install @expo/ui,安装后需执行 npx expo run:android 进行原生重建。使用某组件前查其文档确认 API:https://docs.expo.dev/versions/v55.0.0/sdk/ui/jetpack-compose/{component-name}/index.md;不确定修饰符 API 时参考 https://docs.expo.dev/versions/v55.0.0/sdk/ui/jetpack-compose/modifiers/index.md。LazyColumn 适用于平台特定设计所需的 Compose 原生列表,不应普遍替换 React Native 列表,并需用 <Host style={{ flex: 1 }}> 包裹;Icon 使用 <Icon source={require('./icon.xml')} size={24} />,配 Android XML 矢量图(如 Material Symbols)。

适用与限制:仅适用于 SDK 55,其它 SDK 版本应查阅对应版本文档。Android 与 iOS 示例是平台特定的,不可互换,也不代表真机行为。原生重建会安装并执行依赖、改动项目,需先确认开发目标。icon.xml 与应用代码属于应用资产,不是随包提供的文件。缺少必要输入、权限、安全边界或成功标准时应停下并请求澄清;输出不能替代特定环境下的验证、测试或专家审查。