beUI Pro 移动端已上线

Messaging

3 个变体

An inbox with swipe actions, a chat thread with reactions, and a comments sheet with nested replies.

Inbox Screen

页面

An inbox where mail swipes to read, pin, archive or delete, pinned mail moves up and Undo puts it back.

添加它的 8 个文件、12 个共享的 beUI Native 文件,以及 components/beui-pro 下的主题变量,并保留文件夹结构,确保相对导入正常解析。

$ bunx --bun shadcn add @beui-pro/native-inbox-screen

Chat Thread

页面

A conversation with reactions that spring up, swipe to reply, and replies that type in.

添加它的 8 个文件、8 个共享的 beUI Native 文件,以及 components/beui-pro 下的主题变量,并保留文件夹结构,确保相对导入正常解析。

$ bunx --bun shadcn add @beui-pro/native-chat-thread

Comments Sheet

区块

A bottom sheet of comments with replies that unfold one by one, hearts that pop and new comments that slide in with a glow.

添加它的 9 个文件、7 个共享的 beUI Native 文件,以及 components/beui-pro 下的主题变量,并保留文件夹结构,确保相对导入正常解析。

$ bunx --bun shadcn add @beui-pro/native-comments-sheet

依赖库

使用 Expo 安装以匹配你的 SDK 版本,然后在全局 CSS 中 Tailwind 和 Uniwind 之后导入 components/beui-pro/beui/styles/theme.css。已在 Expo SDK 58 上测试。新应用?按照设置指南操作。

npx expo install @gorhom/bottom-sheet react-native-gesture-handler react-native-reanimated react-native-svg react-native-worklets
npm install uniwind tailwindcss

源码包含在移动端和 Web + 移动端许可证中。

获取移动端