2020 年最佳 React Native 模板。

2025-06-07

2020 年最佳 React Native 模板。

为了简化 React Native 应用程序的创建,您可以使用现成的付费和免费 React Native 组件和模板。在本文中,我收集了不同主题的模板:电商、UI/UX 组件、入门套件、商品列表、旅游、博客等。

因此,我整理了 16 个最佳 React Native 模板,如下所示:

1. Holistic – 适用于 iOS 和 Android 的 React Native 酒店预订模板

Holistic – 适用于 iOS 和 Android 的 React Native 酒店预订模板

全新、快速、智能的酒店和公寓预订 UI/UX 模板。现成的注册界面,可选择用户角色和字段验证。此外,还有筛选界面、文章、个人资料、用户评价以及超过 30 个界面和状态。此模板无后端。

福利列表:

  • 针对旅行/预订主题的智能 UI/UX
  • 日历条目
  • 带有银行卡字段验证的付款屏幕
  • 反馈功能
  • 瑞幸酒店卡
  • 内置地图,显示酒店位置
  • 大量的 UI 组件
  • 轻松定制应用程序(颜色、字体、距离)
  • 代码结构中的分解组件
  • 清理代码库
  • 配置自动测试
  • 最新版本 EXPO 38
  • 流畅的动画

查看整体模板

2. Gala – React Native Bootstrap 模板

Gala – React Native Bootstrap 模板

全新 UI 入门套件,设计精美,颜色、大小、间距、列和字体均可完全自定义。只需更改一个配置文件中的变量,即可获得一个全新的应用。
该应用代码简洁,遵循 Twitter Bootstrap 框架的基本方法和原则编写。每个组件都包含一个包含样式属性的对象列表。自定义和创建新屏幕及组件极其便捷。

  • 基于 tweeter 引导原则的干净代码
  • 完全可定制的设计(颜色、尺寸、填充、列、布局)
  • 内置活动日历
  • 经典导航
  • 入职、登录、文章、博客、新闻、类别、时间线等屏幕
  • 所有参数都通过变量声明

查看晚会模板

3. Airmart – React Native 电子商务模板

Airmart – React Native 电子商务模板

前端电商模板,拥有智能用户流程,包含所有必要的界面。分类、产品、标签、评论、评分、购物车、结账、配送、尺码和颜色选择——一切都已包含。您只需连接后端即可。

  • 智能用户流
  • 简洁的布局
  • 电子商务所需的所有屏幕(30+)
  • 适用于任何电子商务主题(服装、家具等...)
  • 根据可用性指南制作
  • 准备连接后端

查看 Airmart 模板

4. Mira – React Native 模板和入门套件

Mira – React Native 模板和入门套件

又一个简洁易用的入门级 UI 套件。包含所有经典功能,包括登录、导航、文章、分类、图表、新闻和列表。采用 Twitter Bootstrap 方法编写。它是您应用启动的完美解决方案。

  • 干净的代码和架构
  • 完全定制(颜色、尺寸、距离)
  • 易于修改和创建新屏幕
  • 快捷又新鲜
  • 所有参数都通过变量声明

查看 Mira 模板

5. MStore Pro – 完整的 React Native 电商模板

Mstore Expo – WooCommerce 的完整 React Native 模板

如果您想为 WordPress 在线商店创建应用程序,请尝试这款兼容 WooCommerce 的电商模板。现代在线商店大约需要 30 个屏幕。支持推送通知。

  • 多种语言
  • 推送通知(一个信号)
  • 与 WooCommers 兼容
  • 暗/亮模式

查看 MStore 模板

6. 食品配送 - React Native 模板

食品配送 – React Native 模板

外卖配送模板,50 个屏幕,多种变化。易于定制。如果您要开发外卖配送应用,这是一个完美的模板。

  • 标准屏幕的几种变体
  • 50+张截图
  • 许多可重复使用的组件(按钮、卡片、信用卡等……)

查看送餐模板

7. B Commerce – React Native UI 模板

B Commerce – React Native UI 模板

简洁轻巧的电商 UI 套件。仅包含 10 个屏幕和 30 个组件,无需额外库。非常适合用于产品的 MVP 开发。

特征:

  • 基于 React Native
  • 无需额外插件
  • 基于 React Navigation
  • 简单轻量
  • 动画
  • 轻松复制和粘贴

查看送餐模板

8. 食品配送 ReactNative – FoodTiger

食品配送 ReactNative – FoodTiger

另一个送餐模板。简单来说,它包含一个供顾客和司机使用的应用程序。此外,使用此模板,您需要购买用 PHP Laravel 编写的管理面板(不包含在本次购买中)。

特征:

  • 订单追踪(实时)
  • 推送通知(OneSignal)
  • 付款(Stripe)
  • iPhone 和 Android 应用程序 – 合二为一源代码 – React Native

查看 FoodTiger 模板

9. 材料设计 React Native

材料设计反应原生

超过 230 个视图屏幕可供使用。它可以满足所有业务需求,包括电子商务、仪表板等……

  • 易于重复使用和定制
  • 热门素材库
  • 表现良好
  • 电子商务、个人资料、食品、导航屏幕

查看材料设计模板

10. ReactXS – React Native 的 Material Design 2.0 UIKit

ReactXS – React Native 的 Material Design 2.0 UIKit

另一个使用 Material 构建的 React Native 模板

  • 设计指南。
  • 主题提供商
  • 暗模式和亮模式
  • 干净的代码
  • 表现良好
  • 卡片、列表、标签、配置文件、图库视图

查看 ReactXS 模板

11. Mazi – React Native 移动新闻杂志模板

Mazi – React Native 移动新闻杂志模板

简单实用的应用程序模板,适用于具有 30 多个屏幕的新闻博客或杂志。

  • 暗模式和亮模式
  • 多种颜色
  • 多语言
  • RTL 支持
  • 多种字体样式

查看 Mazi 模板

12. SixPack – 完整的 React Native 健身应用 + 后端

SixPack – 完整的 React Native 健身应用 + 后端

完整漂亮的健身应用程序,旨在为开发人员提供一种简单实用的方法,使他们的应用程序与 PHP 后端协同工作。

  • 管理面板
  • 25+个屏幕
  • AdMob 集成
  • Firebase 身份验证
  • 易于定制
  • 后端

查看 SixPack 模板

13. Uber NextGen React Native UI 套件模板

SUber NextGen React Native UI 套件模板

如果您的出租车应用需要 UI/UX 前端,不妨试试这款 Uber 克隆版。它拥有超过 30 个屏幕,并配有智能用户流程。开发出租车应用 UI 可节省您的时间。

  • 简洁的用户界面
  • 地图集成
  • 仅限前端

查看 Uber 模板

14. 购物车模板 | React Native

SUber NextGen React Native UI 套件模板

大约 30 个电子商务屏幕,具有干净且实用的 UI 组件。

  • 特征
  • 欢迎登录
  • 首页 店铺
  • 搜索产品
  • 结帐购物车
  • 过滤产品
  • 产品详情/评分
  • 设置帐户

查看购物模板

15. Antiqueruby React Native Material Design UI 组件

Antiqueruby React Native Material Design UI 组件

这是一大堆屏幕。16 种 UI/UX,如加密、酒店、WooCommerce、电子商务、食品、约会、音乐、AdMob、社交、演练、个人资料、车辆应用。

  • 超过 260 个屏幕
  • RTL 支持
  • 电子商务就绪屏幕
  • 音乐就绪屏幕
  • 导航抽屉
  • 报名
  • 登入
  • 社会的
  • 演练
  • AdMob

查看购物模板

16. 基于 React Native 的牙医和医疗移动应用模板

Antiqueruby React Native Material Design UI 组件

带有预约功能的简单医疗应用模板。超过 15 个屏幕的 UI,并带有活动日历。

  • 15+ 个屏幕
  • 活动日历
  • 世博会
  • 仪表板屏幕

查看购物模板

谢谢阅读,兄弟。
请在下方评论区留下你的反馈!

文章来源:https://dev.to/pablonax/best-react-native-templates-2020-404j
PREV
自学开发人员的学习资源
NEXT
使用这 25 个扩展将 Visual Studio Code 变成一流的 JavaScript IDE