beUI Pro 移动端已上线

Log in

3 个变体

Sign-in screens: an email link over a moving gradient, three clean password layouts, and a phone number with a texted code.

Login Screen

页面

Email link and Google sign-in over a moving gradient.

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

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

Simple Login

页面3 种样式

Three clean log-in layouts. The demo password is beui1234.

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

$ bunx --bun shadcn add @beui-pro/native-simple-login

Phone Login

页面

A country picker, a number that formats itself and a texted code. The code is 123456.

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

$ bunx --bun shadcn add @beui-pro/native-phone-login

依赖库

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

获取移动端