beUI Pro para móvil ya está disponible: 50 bloques y pantallas de React Native
Ecommerce
A store from product to doorstep: product detail, bag, checkout and live order tracking.
Product Detail
PantallaA store-style product page with colours that swap the photos, a size grid and a photo that arcs into the bag.
Añade sus 11 archivos, 15 archivos compartidos de beUI Native y los tokens del tema en components/beui-pro, manteniendo sus carpetas para que las importaciones relativas funcionen.
Bag
PantallaA shopping bag where items swipe away with Undo, a bar fills toward free delivery and the total counts to each new value.
Añade sus 8 archivos, 19 archivos compartidos de beUI Native y los tokens del tema en components/beui-pro, manteniendo sus carpetas para que las importaciones relativas funcionen.
Checkout Sheet
BloqueA bottom sheet with rolling quantities, a promo code that slides in a discount, and a check that draws on pay.
Añade sus 10 archivos, 18 archivos compartidos de beUI Native y los tokens del tema en components/beui-pro, manteniendo sus carpetas para que las importaciones relativas funcionen.
Order Tracking
PantallaA live delivery where the route draws in, the courier moves along it and the minutes to arrival roll down.
Añade sus 6 archivos, 6 archivos compartidos de beUI Native y los tokens del tema en components/beui-pro, manteniendo sus carpetas para que las importaciones relativas funcionen.
Librerías
Instala con Expo para que las versiones coincidan con tu SDK y luego importa components/beui-pro/beui/styles/theme.css después de Tailwind y Uniwind en tu CSS global. Probado en Expo SDK 58. ¿App nueva? Sigue la guía de configuración.
npx expo install @gorhom/bottom-sheet react-native-gesture-handler react-native-reanimated react-native-svg react-native-worklets
npm install uniwind tailwindcssEl código está incluido en las licencias Mobile y Web + Mobile.
Obtener Mobile