beUI Pro 移动端已上线：50 个 React Native 区块和页面

Ecommerce

4 个变体

A store from product to doorstep: product detail, bag, checkout and live order tracking.

Product Detail

页面

A store-style product page with colours that swap the photos, a size grid and a photo that arcs into the bag.

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

$ bunx --bun shadcn add @beui-pro/

Bag

页面

A shopping bag where items swipe away with Undo, a bar fills toward free delivery and the total counts to each new value.

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

$ bunx --bun shadcn add @beui-pro/

Checkout Sheet

区块

A bottom sheet with rolling quantities, a promo code that slides in a discount, and a check that draws on pay.

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

$ bunx --bun shadcn add @beui-pro/

Order Tracking

页面

A live delivery where the route draws in, the courier moves along it and the minutes to arrival roll down.

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

$ bunx --bun shadcn add @beui-pro/

依赖库

使用 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 + 移动端许可证中。

获取移动端