欢迎回来,读者回到另一个博客,我试图澄清技术问题或帮助您改善开发人员。这篇文章将重点介绍使用Expo CLI启动React Native Project。
什么是反应天然?
非常流行的JavaScript库React,可与React Native JavaScript框架一起构建本机应用程序。使用JavaScript为iOS和Android开发应用程序的能力是React Native的众多优势之一。要构建iOS应用程序,您不需要了解Objective-C或Swift,并且要制作Android应用程序,您不需要知道Java。
由于它能够创建一个在两个单独的OS平台上运行的单个应用程序,因此React Native有助于加快开发的速度。此外,由于它利用了反应,因此您可以采用组件并从其可重复使用的性质中受益。我强烈建议阅读documentation for React Native,这在我看来很棒,并提供了很好的示例。
入门
步骤#1
确保在计算机上安装了node.js的最新版本。在终端中运行以下命令以确定您正在使用的版本:
node -v
单击here以获取有关安装或更新到最新版本的信息,如果您尚未安装node.js。
步骤#2
安装了node.js后运行以下命令:
npm install -g expo-cli
您的PC将在全球安装EXPO CLI。如果您使用的是Mac OS,则可能需要在上述命令之后添加sudo。然后,为了访问计算机,您必须输入密码;
使用Windows,这不是必需的。
步骤#3
成功安装了Expo CLI后执行以下命令,您可以启动一个全新的项目:
expo init <name of project goes here>
创建项目后,您必须启动开发服务器并将目录更改为新创建的文件夹。您可以通过执行以下命令来做到这一点:
cd <name of project goes here>
npm start
执行这些说明并提供有关项目的详细信息后,浏览器中的一个新窗口将打开。
这是该如何运作的例证:
expo init quiz-app
cd quiz-app
npm start
您现在有一个全新的React Native项目,但是您如何预览它。接下来的一部分,我将解决这个问题。
预览您的项目
您必须在智能手机上安装Expo Client应用程序,才能预览您新创建的项目。您可以在App Store或Google Play商店中执行此操作,具体取决于您的手机。
安装Expo客户端应用程序后,扫描将npm start
键入终端时出现的QR码。当您的项目首次捆绑和负载时,您将首先需要等待几分钟。页面完成加载后,将在屏幕中间出现简短通知。从本质上讲,这就是您的应用程序现在正在运行的方式。
如果您只拥有iPhone或Android智能手机,则可以使用模拟器轻松在两个平台上操作。您必须首先下载Android Studio和Xcode才能使用模拟器。
由于苹果的限制,如果您的操作系统是Windows,您将无法下载XCode。
请单击here以获取有关设置Android模拟器的详尽说明。
请单击here以获取有关如何启动iPhone模拟器的说明。
这将总结所有内容,感谢您的阅读,并希望您能愉快地掌握React Anditial和Expo成为顶级移动应用程序开发人员。