beUI Pro für Mobile ist live

Ansehen
beUI Pro

Headers & menus

2 Varianten

A header that settles into a solid bar as the page scrolls, and a long-press menu you slide through to pick an action.

Collapsing Header

Screen

A stay page whose photos stretch and slide away under the details while the buttons settle into a solid bar.

Fügt seine 8 Dateien, 13 gemeinsame beUI Native Dateien und die Theme-Tokens unter components/beui-pro hinzu und behält ihre Ordner bei, damit relative Imports funktionieren.

$ bunx --bun shadcn add @beui-pro/native-collapsing-header

Action Menu

Block

A long-press menu that lifts the item over a dim and lets you slide to an action and let go.

Fügt seine 7 Dateien, 4 gemeinsame beUI Native Dateien und die Theme-Tokens unter components/beui-pro hinzu und behält ihre Ordner bei, damit relative Imports funktionieren.

$ bunx --bun shadcn add @beui-pro/native-action-menu

Bibliotheken

Installiere mit Expo, damit die Versionen zu deinem SDK passen, und importiere dann components/beui-pro/beui/styles/theme.css nach Tailwind und Uniwind in deinem globalen CSS. Getestet mit Expo SDK 58. Neue App? Folge der Setup-Anleitung.

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

Der Quellcode ist in den Lizenzen Mobile und Web + Mobile enthalten.

Mobile holen