beUI Pro für Mobile ist live

Ansehen
beUI Pro

Tab bars

2 Varianten

Bottom tab bars in three styles, and tabs over swipeable pages with a pill that follows your finger.

Tab Bar

Block3 Stile

Three bottom tab bars: a gliding pill, a tab that grows to show its label, and a centre button that fans out shortcuts.

Fügt seine 9 Dateien, 2 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-tab-bar

Scroll Tabs

Block

Tabs over swipeable pages, with a pill that follows your finger and stretches toward the next tab.

Fügt seine 5 Dateien, 1 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-scroll-tabs

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-reanimated react-native-svg react-native-worklets
npm install uniwind tailwindcss

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

Mobile holen