beUI Pro für Mobile ist live: 50 React Native Blöcke und Screens
Ecommerce
A store from product to doorstep: product detail, bag, checkout and live order tracking.
Product Detail
ScreenA store-style product page with colours that swap the photos, a size grid and a photo that arcs into the bag.
Fügt seine 11 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.
Bag
ScreenA shopping bag where items swipe away with Undo, a bar fills toward free delivery and the total counts to each new value.
Fügt seine 8 Dateien, 19 gemeinsame beUI Native Dateien und die Theme-Tokens unter components/beui-pro hinzu und behält ihre Ordner bei, damit relative Imports funktionieren.
Checkout Sheet
BlockA bottom sheet with rolling quantities, a promo code that slides in a discount, and a check that draws on pay.
Fügt seine 10 Dateien, 18 gemeinsame beUI Native Dateien und die Theme-Tokens unter components/beui-pro hinzu und behält ihre Ordner bei, damit relative Imports funktionieren.
Order Tracking
ScreenA live delivery where the route draws in, the courier moves along it and the minutes to arrival roll down.
Fügt seine 6 Dateien, 6 gemeinsame beUI Native Dateien und die Theme-Tokens unter components/beui-pro hinzu und behält ihre Ordner bei, damit relative Imports funktionieren.
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 tailwindcssDer Quellcode ist in den Lizenzen Mobile und Web + Mobile enthalten.
Mobile holen