HeroUI Native

本文由人工撰写（md），AI 优化（mdx）。

克隆 heroui-native-example 到本地，然后安装依赖并启动。

git clone https://github.com/heroui-inc/heroui-native-example

确保已安装 p cli：

bun install -g ru-yaka/p

然后克隆项目，它会自动放到 ~/.p/projects/ 下并用 IDE（默认 cursor，p config 可配）打开：

p clone heroui-inc/heroui-native-example

npm install

pnpm install

bun install

yarn install

安装完成后运行 start，pnpm 可能会阻止 unrs-resolver 的构建脚本：

unrs-resolver 报错

运行 pnpm approve-builds 交互式允许（空格选中后回车），也可以直接编辑 pnpm-workspace.yaml 设为 true。

unrs-resolver 是 Rust 编写的高性能模块解析器，需要 postinstall 脚本编译对应平台的二进制文件。

npm run start

pnpm run start

bun run start

yarn start

启动项目

发现有两个依赖不兼容当前的 expo 版本（测试时为 55）。

停止 start，自动安装当前 expo 兼容版本：

npx -y expo install react-native react-native-worklets

pnpm dlx expo install react-native react-native-worklets

bunx expo install react-native react-native-worklets

yarn dlx expo install react-native react-native-worklets

修复依赖

重新 start，然后用 Expo Go 55 扫码测试。

Expo Go 版本必须和当前 expo SDK 版本匹配，否则无法运行。

一切正常：

添加为模板

添加当前项目为模板，下次可以从本地快速新建项目（已修复依赖）：

p tp add . heroui-native

p template add . heroui-native

p templates add . heroui-native

p tp add

p new my-heroui-native-app -t heroui-native

p n my-heroui-native-app -t heroui-native

p create my-heroui-native-app -t heroui-native

p new

p new <name> 可以快速创建项目（放在 ~/.p/projects/ 目录下统一管理），并用配置 IDE 打开（默认 cursor，可 p config 配置）。忘记模板名可以 -t 留空交互式选择，或 -t <fuzzy_name> 模糊搜索。