如果您将注意力放在 React Native 的生态系统上并开始安装设置的先决条件，那么开始使用 React Native 应用程序开发过程会更容易。因此，让我们直接进入开发和安装 React 原生应用的分步过程。

　　步骤 1：使用 React 原生创建项目

　　有许多很棒的 React Native 初学者工具包可以让你启动并运行。我最喜欢的一个叫做“创建 React 原生应用博览会”。使用此初学者工具包，您可以快速构建您的第一个应用程序。

　　如果您之前已经使用过该框架，还可以选择从头开始创建自己的自定义项目。

　　现在，假设我们要使用适用于iOS的React Native构建一个杂货应用程序。

　　以下是一些简单的步骤：

　　创建 -react-本机-应用程序 -名称 杂货店应用程序 -类型 ios 创建应用程序后，在 Xcode 中打开它，然后选择“以>目标打开”

　　选择“创建新项目”。单击“单一视图应用程序”。您可以聘请iOS开发人员来创建项目。他们将帮助您在正确的文件夹中创建项目。

　　给它一个名字，比如杂货店应用程序。

　　下一个窗口将询问您要定位的设备类型。选择“iPhone”或“iPad”，具体取决于您正在开发的设备。

　　要将应用程序部署到模拟器，只需单击“模拟器”，然后选择屏幕左上角列出的设备之一。

　　步骤 2：响应本机应用程序开发设置

　　在开始开发应用程序之前，需要设置一些初步要求。它们如下所示：

　　通过运行安装“创建-反应-本机-应用”全局命令

　　npm install -g create-react-native-app//

　　使用此命令后，将打开一个窗口，您可以在其中使用此命令创建新项目：

　　create-react-native-app MyAppName //created MyAppName successfully. //

　　确保您位于项目文件夹内并运行以下命令以添加库/ SDK

　　注意：这是大多数应用开发人员在开始使用 react 本机应用开发过程时使用的常规命令。但是，在这里，我们计划在5天内完成开发项目。因此，请确保您具有正确的 React 本机开发环境。

　　通常，一家著名的 React Native 开发公司都有一个适当的机器设置来进行 React Native 应用程序开发，因此这是为单独处理项目的 React Native 应用程序开发人员准备的。

　　因此，要开始使用 React 原生应用开发过程，您需要安装 Node 和 React 原生 SDK。

　　有关安装 Node 的说明可在 React 原生网站上找到，但安装 SDK 的最简单方法是使用 npm。为此，请打开您的终端并键入：

　　npm install -g react-native-cli

　　这将安装构建应用所需的 CLI 工具。接下来，使用“终端”(即 cd 桌面)导航到您选择的文件夹，然后键入：

　　react-native init MyFirstAppNameHere

　　这将创建一个名为 MyFirstAppNameHere 的新目录，其中包含创建 React 本机应用所需的所有必要文件。

　　你可以改变我的第一个应用程序名称这里在命令中，如果你想它是别的东西！

　　进入目录后，应该有两个文件，索引.js和包.json。现在，让我们通过使用Atom或Sublime Text 3之类的文本编辑器打开它们来编辑它们 - Atom默认安装在大多数Mac上，因此请继续打开该编辑器!在索引中.js顶部找到以下行：

　　import * as React from ‘react’;

　　步骤 3：开始开发应用

　　这一步是最激动人心的!当你添加不同的组件时，你将开始看到你的应用变得栩栩如生。您还可以聘请安卓开发人员，了解这些组件将如何开始在安卓设备上工作。这里的目标不仅是构建应用的初始 shell，还要探索 React Native 的工作原理，以便我们可以在后续步骤中将其用于试驾。让我们潜入吧!

　　3.1 打开终端并键入以下命令：npm 初始化 — y。

　　这将在我们的计算机上为当前目录中的项目创建一个新的 package.json 文件，该文件应如下所示：

　　用户/你的名字在这里/反应-原生教程/.

　　它为我们创建了一个新的 package.json 文件的所有样板代码，这意味着我们可以在以后需要的时候使用它来安装包。

　　3.2 首先通过在终端中键入此命令来安装反应本机：

　　npm install -g react-native-cli

　　3.3 键入以下命令以设置我们的 iOS 和安卓环境(按顺序)：

　　或

　　根据您的设备使用该命令。

　　3.4 出现提示时，为每个问题选择“继续”或“取消”，直到转到“是否要将项目开源？

　　如果您不希望他人看到您正在执行的操作，请选择“否”，反之亦然。

　　3.5 接下来，让我们编辑 src 文件夹中的索引.js和主.js文件。

　　索引.js文件有两个按钮，分别带有文本，你好和世界 - 单击其中一个并将其文本更改为您想要的任何内容！

　　3.6 更改主.js顶部这两行，从“react”导入 React;

　　import { AppRegistry }

　　来自“反应原生”；取而代之的是：从“反应原生”导入{应用注册};//

　　3.7 最后，回到您之前运行npm init的终端并键入npm start，然后按键盘上的Enter键，这将在我们的浏览器中 localhost:8081/index.html 提供我们的应用程序。

　　3.8 如果您收到一条错误消息，指出“找不到命令”，请检查以确保您键入的是 npm start 而不是 npm sert，或者这两个单词之间没有空格。

　　3.9 享受探索你的新应用的乐趣！请注意标题如何垂直居中并与其他文本水平对齐，因为它使用的是 Flexbox。

　　关于在 React Native 中构建应用程序，您还注意到了哪些其他事项？

　　步骤4：创建第一个屏幕“你好字”

　　如果您到目前为止已经完成了所有步骤，我们现在已准备好编写第一行代码。我们探索的最后一页是 src 文件夹。src文件夹是存储我们所有代码的地方。现在让我们从该目录开始。打开“index.js”文件并对其进行编辑以包含以下代码行：

　　那么，此代码有什么作用呢?React 的工作原理是分别声明每个场景，然后将它们相加以形成您的应用程序。

　　为了使场景正常工作，它需要一个背景色，我们使用“setBackgroundColor”函数调用来设置该背景色。我们还需要确保在使用 onEnter 函数调用更改场景时，背景颜色会发生变化。回顾一下我们到目前为止所做的工作：

　　我们在文件顶部声明了场景变量为主场景

　　我们创建了一个名为主场景的新反应场景

　　我们给主场景一个背景颜色

　　在应用程序中输入或退出任何其他 React 场景时，请使用 onEnter() 或 onExit() 函数调用，并附上变量名称，后跟括号 () -保存索引.js。

　　现在，让我们尝试再次运行应用，方法是返回到“终端”并再次键入 react-native run-ios。看到Apple徽标出现在屏幕上后，点击任意位置以打开相册，设置等选项列表。向下滚动并点按你好世界。您应该看到类似下面的内容：

　　成功了！恭喜你使用 React Native 构建了你的第一个应用。

　　现在的问题是，创建一个 React 原生移动应用程序需要多少钱？

　　使用 React Native 开发一个成功的移动应用程序需要多少钱？

　　React Native是一个功能强大的跨平台框架，它提供了广泛的即用型小部件选择，可以加快开发过程。这最终意味着您将能够节省成本和时间。但是，聘请 React Native 开发人员的成本是多少，以及应用程序开发的总体成本是多少呢？这是组织和初创公司最常问的问题之一。

　　因此，说实话，移动应用程序开发没有标准成本。成本和应用程序开发时间受到各种因素的很大影响，例如应用程序的复杂性，您雇用的开发团队，UI / UX设计，测试，特性和功能。

　　不同的企业有不同的要求，因此没有一个适合所有解决方案。构建原生移动应用程序的平均成本目前在每个平台徘徊在15，000美元左右。但是，当您使用 React Native 时，您可以节省高达 40% 的移动应用程序开发成本，因为 70–80% 的代码是可重用的。

　　因此，使用 React Native 开发应用程序将为您节省金钱和时间。

　　React Native无疑是构建应用程序的最流行的框架之一，这些框架提供了漂亮的本机用户界面，您可以在为业务创建跨平台应用程序时利用它。通过聘请移动应用程序开发人员，您可以轻松创建一个React Native应用程序，为您的业务提供巨大的推动力。