beUI Pro 移动端已上线

浏览
beUI Pro

Paywalls

3 个变体

Plan pickers that sell the upgrade: a foil membership card, a dark stage lit from its edges, and a free trial laid out as a timeline.

Paywall Screen

页面

A foil membership card that tilts in your hand, with plan tiles and a crowned character.

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

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

Aurora Paywall

页面

A dark stage lit from its edges, with an annual switch and a price that counts.

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

$ bunx --bun shadcn add @beui-pro/native-aurora-paywall

Trial Screen

页面

A free trial as a timeline that fills in, with real dates and a reminder switch.

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

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

依赖库

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

npx expo install @shopify/react-native-skia react-native-gesture-handler react-native-reanimated react-native-svg react-native-worklets
npm install uniwind tailwindcss

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

获取移动端