含35屏React Native在线食品配送手机APP模板

正文概述 云码哥   2024-05-31   364

含35屏React Native在线食品配送手机APP模板

DineBase是一款基于 React Native 构建的食品配送移动应用模板(无后端)。它可用并支持 Android 和 IOS 平台。如果您不想从头开始开发您的在线食品配送服务?DineHub 就是您的答案。应用程序具有在线食品所需的所有必要页面。

截图预览:https://pan.baidu.com/s/1KiQDdJVJbwfb2cM7VAIoRQ?pwd=fsi6

特征:

– 使用 React Native Expo SDK 49.0.13 构建
– 仅功能组件和 React Hooks。
– 所有图标均为SVG格式。
– 适用于AndroidIOS
– 结构良好的组件
– 您可以将产品添加到购物车并从购物车中删除
– 您可以将产品设为收藏夹
– 包含 figma 格式的设计文件
– 为后端做好准备
– 所有文件均为.tsx格式
– 使用 图像预加载器
– 使用 Redux 和 Redux Persist。如果您关闭应用程序,您添加到购物车或愿望清单的产品将不会被删除。

技术:

API:

使用 – RTK Query 获取数据。基于第三方资源创建的 API。RTK

Query 是一款功能强大的数据获取和缓存工具。它旨在简化在 Web 应用程序中加载数据的常见情况,无需自己手写数据获取和缓存逻辑。

端点:products.json、banners.json、carousel.json

安装说明

  • npm install
  • expo start—ios
  • expo start—android

包含屏幕

02 Onboarding 2
03 Onboarding 3
04 Onboarding 4
05 Sign in
06 Forgot password
07 Forgot Password(sent email)
08 New password
09 Sign up
10 Sign up (account created)
11 Verify your phone number
12 Confirmation code
14 Home
15 Menu
16 Menu list
17 Menu item
18 Reviews
19 Favorite
20 Favorites Empty
22 Notifications
23 Burger Profile
24 Edit profile
25 Order history
26 Order history (empty)
27 Leave a Review
28 Track your order
29 Promocodes & gift cards
30 Promocodes & gift cards (empty)
31 Wallet
32 Add a new card
33 Order (empty)
34 Order
36 Checkout
39 Cart
40 Order failed!

本站大部分资源收集于网络以及网友投稿,本不保证资源的完整性以及安全性,请下载后自行测试。
本站资源仅供下载者学习技术,版权归资源原作者所有,请在下载后24小时之内自觉删除。
本站资源仅供下载者学习IT编程开发技术,请遵守国家法律法规,严禁用于非法用途。
若作商业用途,请购买正版,由于未及时购买正版发生的侵权行为,与本站无关。
如您是版权方,本站源码有侵犯到您的权益,请邮件联系331752841@qq.com 删除,我们将及时处理!