一对一免费咨询: 18215660330

Expo与React Native有何不同?我应该从世博会开始我的项目吗?当他/她想要开始应用程序开发之旅时,新手会想到许多问题。

但是,您很幸运,因为降落在正确的位置。我将尽力以简单的方式解释一切。

根据React Native的官方文档,它用于:

“使用JavaScript和React构建本机移动应用程序”。
我帮你分解一下

React Native是一个框架,可帮助我们使用单个JavaScript代码库构建应用程序(Android和iOS)。由于开发人员只需要了解用于开发两个应用程序(iOS和android)的javascript,就可以加快开发速度。

学习一次,随处书写

该框架使用React.js库-当今市场上讨论最多的单词之一。现在,可能会出现一个问题– React和React Native之间有什么区别?答案是React Native将原生组件与JSX一起使用-JSX是一个JavaScript扩展,看起来像HTML,而react使用Web组件。

React Native组件(例如视图和文本)的行为类似于Web组件“ div”和“ span”。React Native中的样式使您感觉像CSS。唯一的区别是,在React Native中,字段名称以CamelCase(例如,字体大小)而不是虚线样式(例如,字体大小)编写。它给人一种编写Web应用程序的感觉。

等待!这可能会引起另一个问题,那就是在React Native之前学习React.js。我会说..不!你可以开始了。我是在没有React.js知识的情况下开始我的React Native之旅的,但是,是的,需要具备一些基本的React组件知识,例如JSX,组件,状态和道具。

我希望你得到一些React Native的图片。现在,让我们探索谁在使用React Native。有许多使用React Native构建的流行应用程序,例如Facebook,Uber,Skype,Instagram…,也许有一天您的应用程序可以进入此列表!

现在,让我们探讨什么是世博会?它与React Native有何不同?

根据世博会的官方文件,

“ Expo让您可以通过编写JavaScript来构建本机iOS和Android应用程序”。
如果您查看React本机的定义,那么这两个定义看起来很相似。世博会正在做React-Native所做的事情。它们都允许我们使用javascript构建本机应用(iOS和Android),但有所不同。您可以认为,Expo是帮助我们更快开发React-Native应用程序的帮手。

Expo应用实际上是React-Native应用。唯一的区别是Expo带有其SDK(Expo SDK),该SDK仅用几行代码即可为我们提供诸如推送通知,Facebook和Google登录之类的服务。它使我们可以在一分钟内开始我们的项目。我们不需要Xcode(适用于iOS)和Android Studio(适用于Android)来入门。因此,它更容易启动。

现在,您可能想知道为什么我会从React Native开始我的旅程。我将使用世博会。但是布罗姆有个报价

“一切都是有代价的”。
世博会是一个很好的开始,但它也有一些缺点。让我们列出一下世博会的优点和缺点。

好处:

项目设置非常简单,只需几分钟即可完成。
应用共享很容易(使用QR码和链接)。您可以使用“ expo publish”命令来发布您的应用,并可以共享该链接。无需构建.apk(对于Android)和.ipa(对于iOS)。
Expo可以非常轻松地构建.apk和.ipa。
它提供了诸如Facebook,Google登录,推送通知之类的服务,您可以轻松地将它们集成到您的应用程序中,而无需付出太多努力。
缺点:

我面临的最大缺点是apk或ipa大小。是的,基本的“ hello world”应用大约有20至25 MB。原因是集成库。
您不能使用以Java / Objective-C编写的本机模块。
而已!这一切都与带有Expo的React Native有关。

等待!我们知道什么是世博会。它与React Native有什么关系,但是如何从Expo设置项目,从何开始呢?这是您问题的答案。

让我们从用Expo设置第一个React Native项目开始。

假设您已经安装了NodeJS(如果没有安装,请单击此链接)。现在,使用npm安装expo-cli命令行实用程序:

npm install -g expo-cli
这将在您的计算机上安装expo-cli。在继续之前,我想向您介绍其中的两个主要部分:

第一部分是博览会。这是一个可帮助我们在开发过程中(例如,在项目设置,构建APK或IPA等方面)的工具。第二部分是Expo客户端应用程序,我们必须将其安装在Android或iOS手机上才能扫描QR码(您可以使用“ expo start”命令获取该信息),这将在我们的Android或iOS手机中打开一个项目。困惑!

如果您不明白。很好,我将逐步解释它。

安装expo-cli后,让我们使用以下命令创建项目:

初始化myApp
它将询问有关选择模板的问题。按下Enter键使空格空白。您也可以通过示例探索第二个。现在,留空,然后按照以下两个命令运行您的项目。

cd myApp
博览会开始
这将生成QR码。

产生的QR码

下一步是安装Expo客户端应用程序。可以使用Play商店(适用于Android)和应用商店(适用于iOS)在手机中安装Expo Client应用。

现在,是时候使用Expo运行您的第一个React Native应用程序了。您可以使用Expo客户端应用程序(已安装在Android或iOS手机上)扫描QR码(在终端中生成)来查看第一个应用程序。在Android中,扫描后,它将编译/打包项目以在设备上运行。

项目捆绑正在进行中。捆绑过程完成后,应用程序将在您的设备上运行。

等待!您可能会以与可以在iOS设备上运行相同的方式进行思考,这是正确的,但是QR码的扫描是使用相机完成的。(QR扫描功能已在iOS的Expo中删除)。只需打开相机,扫描后便会收到通知->在Expo中打开您的应用程序。单击它,它将开始编译/捆绑您的应用程序以在您的iOS设备上运行。

点击通知,它将开始捆绑过程。

欢呼!您已经使用Expo成功运行了第一个应用程序。

这不是一个简单的过程。您可以修改app.js代码,并在保存更改后看到自动重新加载应用程序。

成都软件开发 最好的成都软件定制开发公司
18215660330