开始使用React Native

>本指南提供了使用Expo的本机移动应用程序开发的初学者友好介绍。 它简化了设置过程，并专注于构建功能性的神奇宝贝搜索应用程序。

涵盖的关键概念：

>
• REECT Native：使用JavaScript和React的跨平台（Android和iOS）本机移动应用程序开发的框架。 它通过编译到本地UI组件（例如Cordova）提供了与混合方法相比的性能优势。> >
> expo：
• 一个平台简化了反应本机设置并提供对各种API和服务的访问，从而加速了开发。 这对于初学者来说是理想的选择，但可能对高级本地功能有局限性。
开发环境设置：使用Expo的教程简化设置，仅需要node.js和expo client app。
• >应用程序开发演练：
>创建神奇宝贝搜索应用程序，从外部API（Pokeapi）获取数据并使用React Antive Antive Components显示它的分步指南。
• 托管与裸机工作流程： Expo提供托管和裸露的工作流程。 该教程利用托管工作流程以易于使用。
>
• >先决条件：

假定对HTML，CSS，JavaScript和ES6语法的基本理解。还需要熟悉命令行和软件安装。 React知识是有帮助的，但不是必需的。

> 理解反应本地和博览

> React Antive Leverages React基于组件的架构以构建本机移动UI。 博览会通过抽象大部分本地代码复杂性，为共同特征（相机，位置等）提供预先构建的API来简化开发。

>

在平原反应本机和expo之间进行选择：> 由于易于设置和快速的原型制作功能，建议初学者推荐EXPO。 但是，对于需要直接本机模块访问的高级功能，标准React本机CLI可能更合适。 单型号正在弥合博览会和标准反应天然之间的差距。

设置开发环境：

>

> install node.js.

安装世博会：

>安装纱线：

>在移动设备或仿真器上安装Expo客户端应用程序。

>
2. 构建神奇宝贝搜索应用程序：npm install -g expo-cli
>

>教程指导您使用Expo CLI（expo init RNPokeSearch），安装必要的软件包（yarn add pokemon axios）创建一个新项目，并构建项目。 该应用程序具有搜索输入，使用axios进行API数据获取以及使用React本机组件（视图，文本，图像，flatlist）的数据显示。 该代码使用StylesHeet演示了状态管理，事件处理和样式。



>解释了项目目录结构，以及运行该应用程序并使用Expo的开发人员工具（快速刷新）的说明。

结论： 本教程为初学者开始构建React Antive应用程序提供了坚实的基础。 提供进一步的学习资源（官方文档，社区资源），以持续发展。 提供的常见问题解答部分解决了有关本地和博览会的常见问题。

>

以上是开始使用React Native的详细内容。更多信息请关注PHP中文网其他相关文章！