使用Expo XDE进行React Native入门

简介

有几种选择来开始使用React Native进行开发，但是这次我们将使用用于React Native的XDE创建一个名为Expo XDE的项目。

原始文章

创建一个新项目

首先，为应用程序开发创建一个帐户。
创建您的帐户

您也可以使用您的Github帐户创建它。您可以通过将应用程序链接到该帐户来发布到Expo社区。这就像一个Apple Developer帐户。

桌面应用程序可用于Mac，Windows和Linux。
模拟器也可用于桌面应用程序，但是如果要检查实际设备上的操作，请在设备上安装Expo应用程序。
使用Expo XDE开始您的项目
安装完成后，使用您自己的帐户登录。

从

项目图标中选择"新建项目"。

选择

模板，然后在任何地方创建一个新项目。这次，我将使用Blank创建它。

将开始下载。 (需要很多时间)
世博会的好处是，它可以预先准备锅炉模板(如最佳实践)作为初始环境。
但是，模板会根据版本发生很大变化，因此在处理旧存储库时要小心。

下载完成后，将打开新项目屏幕。

从

设备图标启动iOS模拟器。
首次启动时，Expo应用程序将安装在模拟器上。

模板应用程序将启动。

命令D打开菜单屏幕。

首先，安装Expo应用程序。
此外，有必要将开发PC和终端连接到同一网络。
单击"共享"图标时，将显示QR码，因此您可以通过使用expo应用程序读取它来检查实际设备上的操作。

在桌面应用程序上显示QR码。

使用实际的设备应用程序读取QR码。

默认情况下，摇动实际机器时将显示菜单屏幕。
如果要更改手势设置，可以从"配置文件"选项卡上的"选项"进行更改。

到目前为止，我已经解释了使用Expo XDE的React Native应用程序新项目的过程，但是根据环境和版本的不同，它可能会导致错误，因此如果您迷上了，请点击官方问题或官方博客。等等。请尝试击中它。