beUI Pro für Mobile ist live

Ansehen
beUI Pro

Search & filters

2 Varianten

Search with recents and results that filter as you type, and a filter sheet that counts the matches as you go.

Search Screen

Screen

Search with a title that folds away on focus, recent searches that close up when removed and results that filter as you type.

Fügt seine 10 Dateien, 11 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-search-screen

Filter Sheet

Block

A filter sheet with a price range over a histogram, chips, sort and a Show button that counts the matches as you go.

Fügt seine 5 Dateien, 15 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-filter-sheet

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 @gorhom/bottom-sheet 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