使用React Native和Expo快速构建原生移动iOS和Android应用程序

19-03-19 banq
              

当您想开发一个新的APP,您希望尽快从用户那里获得反馈,看看这个想法是否有支持,并开始对其进行改进,一旦人们尝试以后,反馈就会不断进来,然后你才得以不断改进。

因此,我们的主要目标是尽可能快地从使用该APP的用户那里获得真实的用户反馈。

在这篇文章中,我们将开始创建一个应用程序,并且可以在5分钟内与其他人分享,这样他们就可以在您构建时为您提供反馈。

次要目标

  • Native App - 不是在浏览器中运行的响应式Web应用程序,一个完全原生的应用程序
  • 跳过应用商店 - 在应用商店中获得批准的应用是一个耗时且耗时的过程。

快速原因:

  • 没有Apple开发者计划注册(99美元+天)
  • 没有创建代码签名证书
  • 没有从计算机到设备的电缆
  • 没有在Xcode中编译
  • 没有上传到TestFlight
  • 没有邀请用户使用TestFlight
  • 没有应用商店审核流程

鉴于这些目标,目前可用的最佳工具集之一是React Native和Expo。

React是一个用于构建用户界面的声明性,高效且灵活的JavaScript库。

React Native是一个使用React构建原生iOS和Android应用程序的框架。

Expo是一种快速创建React Native应用程序的工具。使用Expo,您可以启动一个新应用程序,在浏览器中预览,然后在您自己的设备上查看,并立即与他人分享(5分钟)。

Snack是一个轻量级的Expo在线IDE,允许您在几秒钟内在浏览器中运行代码。它非常适合快速实验和分享示例。

snack.expo.io。你会看到一些代码和iPhone的图像,带有一个大的“点击播放”按钮。点击它,应用程序将在设备模拟器中启动。

如果你更改代码,它会自动更新。

安装Expo工具链

首先,安装Node.js最新版本。

其次,安装Node的Expo包。

npm install expo-cli --global

第三步,在您的设备上安装expo移动应用程序。无论是iOS还是Android

创建一个新的APP

安装完所有内容后,您可以从终端运行以下命令,以便在开发中运行新的应用程序。

expo init my-new-project
cd my-new-project
expo start

扫描应用程序二维码以在设备上运行它

您将在终端和Dev Tools中看到QR码。要在您的设备上打开您的项目,只需使用Android上的Expo Client应用程序或使用iOS上的Camera应用程序的内置QR代码扫描仪扫描QR代码。

立即查看您的更改

  • 编辑主屏幕 screens/HomeScreen.js
  • 观看您的设备刷新