beUI Pro 移动端已上线

Settings

5 个变体

Settings pages, an appearance picker, notification controls and a careful account deletion.

Settings Screen

页面

Grouped rows with switches and values, and a search that filters as you type.

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

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

Settings List

页面

A light settings page with plain outline-icon rows, sections and a quiet footer.

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

$ bunx --bun shadcn add @beui-pro/native-settings-list

Appearance Picker

页面

A live preview that crossfades as you pick a theme, accent and app icon.

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

$ bunx --bun shadcn add @beui-pro/native-appearance-picker

Notification Preferences

页面

A live stack of sample notifications that follows your choices, with quiet hours.

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

$ bunx --bun shadcn add @beui-pro/native-notification-preferences

Delete Account

页面

A short list of what goes, a red delete button and a calm goodbye.

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

$ bunx --bun shadcn add @beui-pro/native-delete-account

依赖库

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

npx expo install react-native-reanimated react-native-svg react-native-worklets
npm install uniwind tailwindcss

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

获取移动端